/*RESPONSIVE CONTENT*/

@media only screen and (max-width: 1024px) and (min-width:961px) {
	
	#nav li a{font-size: 14px;}
}
@media only screen and (max-width: 1023px) and (min-width:768px) {
	.lrn_more img{width:auto !important;}
.snd_sqr img{width:auto !important;}
	.inside_content img{width:auto !important;}

}
@media only screen and (min-width: 0px) and (max-width: 960px) {
    body {
        font-size: 14px;
    }
	#backToTop
	{
		display: none;
		clear: both;
	}
	
	.inside_content
	{
		padding: 10px;
		font-size: 1em;
		background: #ffffff;
		    line-height: 1.8em;
	}
	.inside_content img{
		width: 95%
	}
	#rates_container{
					overflow-x: scroll;
				}
    header {
            background: #ffffff;
    height: 140px;
    opacity: 0.8;
    }

    header img {
        width: 65%;
        padding: 10px;
    }

    nav {
        padding: 0;
        position: -webkit-static;
        position: static;
        background: #ffffff;
        top: 0;
        z-index: 3;
        font-size: 0.875em;
    }

    #nav {
        display: none;
    }

    #nav ul {
        float: none !important;
    }

    .mainSidebar {
        width: 100%;
        display: block;
        margin: 0;
            position: absolute;
    top: 140px;
    }
.lobby
{
	width: 100%;
	background-color: #1b1a6d;
	color: #fff;
	padding: 10px;
	
	position: relative;
	float: none;
}
.drive
{
	width: 100%;
	background-color: #1b1a6d;
	color: #fff;
}
    #loginBtn,
    #menuBtn {
        display: block;
    }

    #olb {
        float: none;
        display: none;
        z-index: 10;
        background: #1b1a6d;
        color: #fff;
        border: 2.5px solid transparent;
        position: relative;
        margin-bottom: 0;
		font-size: 1.3em;
    }

    #olb.open {
        display: block;
		position: absolute;
		top: 41px;
    }

    #olb .button {
        color: #696969;
    }

    #olb .button:hover {
        background: #bf002d;
    }
	#olb img
	{
		
		display: none;
		clear: both;
	}

    #loginCancel {
        display: block;
        margin: 0;
        color: #EA7729;
        background: #ffffff;
        border: 2.5px solid transparent;
        width: 100%;
        margin: 20px 0px 0 !important;
        font-weight: bold;
    }

    #loginCancel:hover {
        color: #ffffff;
        background: #EA7729;
        border: 2.5px solid #ffffff;
    }

    .mainSidebar div:nth-child(2) {
        padding: 7.5px;
    }

   

    main {
        display: block;
        padding: 0;
    }

    .inside {
        margin: 0;
        width: 100%;
    }

    #boxContainer {
        margin: 0;
        flex-wrap: wrap;
    }

    .box {
        margin: 0;
    }

    footer {
        flex-wrap: wrap;
    }

    footer .contain {
        flex-wrap: wrap;
    }

/*
    footer figure:first-child {
        margin: 0 0 20px;
    }
*/

    footer figure:nth-child(2) img {
        margin: 0 20px 0 0;
    }

	.main_content h1{
	line-height: 34px;
}

.main_content {
    line-height: 1.7em;
    padding: 5px 10px;
}
.column{
	width:100%;
	display: block;
	padding: 5px 1px 10px;
	clear: both;
}
.column_2{
	float: none;
    width: 86%;
    padding: 15px 0px 0px;
    clear: both;
}
.row{padding: 20px 10px 20px 10px;} 
	.txt_rgt{
	padding-left: 0px;
		display: block;
}
.lrn_more img{width:82%;}
.snd_sqr img{width:82%;}	
}

/*Media query for Scam banner in homepage*/
  @media only screen and (min-width: 0px) and (max-width: 650px) { 
	  .linkAbs{
	padding: 15px;
	bottom: 0px;
	right: 0;
	text-align: center;
	left: 0px;
	background: #f3f3f3;
		  }
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
	.mobile_visible{
		display:block !important;
		padding-left:30px;
		text-align:center;
	}
	.mobilemarginright30{
		margin-right:30px;
		background:#fff !important;
	}
    #contrastBtn {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    header {
        padding-top: 10px;
    }

    header img {
        width: 100%;
    }

    #menuBtn,
    #loginBtn {
        font-size: 1.5em;
        padding: 10px;
    }

    .rates-nav {
        flex-direction: column;
        margin: 20px 0;
    }

    .rates-nav li {
        margin-right: 0;
    }

    table tr td,
    table tr th {
        font-size: 14px !important;
        padding: 5px 0 5px 5px !important;
    }

    footer {
        padding: 20px;
    }

    footer figure {
        flex-direction: inherit;
    }

    footer figure img {
         margin: 0 5px 0px !important;
    }

    footer figure:nth-child(1) img {
        margin: 0;
    }
	footer figure:nth-child(2) {
    border-left: none;
    border-right: none;
    width: 100%;
}
}