/*Responsive*/
@media only screen and (max-width: 479px) {

    .modalContent{
        width: 100%;
    }

.needdetails .collect{ font-size: 12px;  margin-left: 5px; padding: 2px;}
.needdetails .needmore{ font-size: 12px; margin-left: 12px;}
#innerslide{background-position: center 160px;height: 100%;width: 100%;background-size: 122px auto;}
.howitwork .slidetitle{top:100px; width: 100%;}
.howitwork .slidetitle h2{font-size: 40px; line-height: 30px;}
.howitwork .slidetitle p{font-size: 17px;}
/*.needdetails{ padding-left: calc(17% + 151px);position: fixed;text-align: left; top: 280px;width: 100%;}*/
.bounceimg{display:none;  left: 43%; position: fixed;top: 68%;}
.loginbtn{margin-top: 15px;}
 .container{width:100%;}
#fbsection1 { height: 640px;}
h1{font-size: 37px; line-height: 40px;}
header{height: 100px;}
.loginbtn li a{  font-size: 20px;width: 60px;}
.menu{ margin-right: 0px;margin-top: 0px;}
.menu a{font-size: 22px; margin-right: 0;}
.about_box {margin: 0;width: 100%;}
.land_box {margin: 0px;width: 100%;}
.footernav {width: 100%;}
.footernav ul li {text-align: center;margin-bottom: 25px;
    width: 100%;}
.land_box a{width:100%;margin:0;}	
#fbsection2 {background-color: #FEF0C4;background-position: center 60px;}
#fbsection3 {background-color: #FEF0C4;background-position: center 60px;}
#fbsection4 {background-color: #FEF0C4;background-position: center 60px;}
#fbsection5 {background-color: #FEF0C4;background-position: center 60px;}
#fbsection6 {background-color: #FEF0C4;background-position: center 60px;}
#fbsection7 {background-color: #FEF0C4;background-position: center 60px;}
#fbsection8 {background-color: #FEF0C4;background-position: center 60px;}
#fbsection9 {background-color: #FEF0C4;background-position: center 60px;}
#fbsection10 {height: 1300px;}
#fbsection11 {margin-top: -30px;}
#fbsection2:hover h1{display:none;}
#fbsection3:hover h1{display:none;}		
#fbsection4:hover h1{display:none;}		
#fbsection5:hover h1{display:none;}		
#fbsection6:hover h1{display:none;}		
#fbsection7:hover h1{display:none;}		
#fbsection8:hover h1{display:none;}		
#fbsection9:hover h1{display:none;}				
 }
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .modalContent{
        width: 100%;
    }

.needdetails .collect{font-size: 16px;margin-left: 5px;padding: 7px;}
.needdetails .needmore{ font-size: 16px; margin-left: 16px;}
#innerslide{background-position: center 160px;height: 100%;width: 100%;background-size: auto auto;}
.howitwork .slidetitle{top: 18%; width: 100%;}
.howitwork .slidetitle h2{font-size: 50px; line-height: 30px;}
.howitwork .slidetitle p{font-size: 19px;}
/*.needdetails{position: relative;text-align: left;top: 0px;width: 100%;padding-left: 0px;}*/

.bounceimg{display:none;  left: 43%; position: fixed;top: 68%;}
.loginbtn{margin-top: 0px;}
.container{width:100%;}
.menu{float:left;   margin-top: -7px; width: 100%;}
.menu nav{margin: -3px auto 0;
    text-align: center;
    width: 100%;}
.about_box {margin: 0;width: 100%;}	
.menu a{font-size: 21px; margin-right: 0;float:none;}
.loginbtn li a{width:80px;}
.footernav ul li {text-align: center;margin-bottom: 25px;
    width: 100%;}
h1{font-size: 45px;line-height: 45px;}
header{height: 90px;}	
.land_box {margin: 0;width: 100%;}
.land_box a{width:100%;margin:0;}
.footernav {width: 100%;}
#fbsection1 {height:100%; }
#fbsection2 {}
#fbsection3 {}
#fbsection4 {}
#fbsection5 {}
#fbsection6 {}
#fbsection10 { height: 1185px;}
#fbsection11 {margin-top: -30px;}
#fbsection2:hover h1{display:none;}
#fbsection3:hover h1{display:none;}		
#fbsection4:hover h1{display:none;}		
#fbsection5:hover h1{display:none;}		
#fbsection6:hover h1{display:none;}		
#fbsection7:hover h1{display:none;}		
#fbsection8:hover h1{display:none;}		
#fbsection9:hover h1{display:none;}			
}
@media (min-width: 768px) {
.needdetails .collect{font-size: 24px;margin-left: -6px;padding: 7px 20px;}
#innerslide{background-position: center 160px;height: 100%;width: 350px;}
.howitwork .slidetitle{top: 80px; width: 100%;}
.howitwork .slidetitle h2{font-size: 62px;}
.howitwork .slidetitle p{font-size: 28px;}
/*.needdetails{position: relative;text-align: left;top: 0px;width: 100%;padding-left: 0px;}*/
.bounceimg{display:none;  left: 36%; position: fixed;top: 64%;}	
.menu{ margin-top: 15px;}
.loginbtn {margin-top: 0;}
.homecontent{margin-top:150px;}
.container{width:100%;}
.about_box {width: 29%;}	
.land_box {width: 43%;}
.land_box a{}
.loginbtn li a{width:85px;padding: 3px;}
h1{font-size: 62px;}
header{height: 80px;}
.land_box a {margin: 1px 45px;}
#fbsection1 {height:100%;background-color:#645A4E;}
#fbsection2 {height:100%;background-color:#FCE7A8;}
#fbsection3 {height:100%;background-color:#FCE7A8;}
#fbsection4 {height:100%;background-color:#FCE7A8;}
#fbsection5 {height:100%;background-color:#FCE7A8;}
#fbsection6 {height:100%;background-color:#FCE7A8;}
#fbsection7 {height:100%;background-color:#FCE7A8;}
#fbsection8 {height:100%;background-color:#FCE7A8;}
#fbsection9 {height:100%;background-color:#FCE7A8;}
#fbsection10 {background-color:#5C4440;}
#fbsection11 {background-color:#BD5F2E;}
#fbsection2:hover h1{display:none;}
#fbsection3:hover h1{display:none;}		
#fbsection4:hover h1{display:none;}		
#fbsection5:hover h1{display:none;}		
#fbsection6:hover h1{display:none;}		
#fbsection7:hover h1{display:none;}		
#fbsection8:hover h1{display:none;}			
#fbsection9:hover h1{display:none;}		
}

@media (min-width: 992px) {
.needdetails .collect{font-size: 24px;margin-left: -6px;padding: 7px 20px;}
#innerslide{background-position: center 160px;height: 100%;width: 350px;}
.howitwork .slidetitle{top: 80px; width: 100%;}
.howitwork .slidetitle h2{font-size: 62px;}
.howitwork .slidetitle p{font-size: 28px;}
/*.needdetails{position: relative;text-align: left;top: 0px;width: 100%;padding-left: 0px;}*/
.bounceimg{display:none;  left: 41%; position: fixed;top: 61%;}	
.menu{ margin-top: 30px;}
.loginbtn {margin-top: 15px;}
.homecontent{margin-top:250px;}
.container{width:970px;}
.loginbtn li a{width:85px;padding: 3px;}
h1{font-size: 62px;}
header{height: 80px;}
.land_box {width: 44%;}
#fbsection1 {height:800px;}
#fbsection2 {}
#fbsection3 {}
#fbsection4 {}
#fbsection5 {}
#fbsection6 {}
#fbsection7 {}
#fbsection8 {}
#fbsection2:hover h1{display:none;}
#fbsection3:hover h1{display:none;}		
#fbsection4:hover h1{display:none;}		
#fbsection5:hover h1{display:none;}		
#fbsection6:hover h1{display:none;}		
#fbsection7:hover h1{display:none;}		
#fbsection8:hover h1{display:none;}			
#fbsection9:hover h1{display:none;}		
}
@media (min-width: 1100px) {
.bounceimg{display:none;  left: 43%; position: fixed;top: 68%;}
}
@media (min-width: 1130px) {
.needdetails .collect{font-size: 24px;margin-left: -6px;padding: 7px 20px;}
#innerslide{background-position: center 170px;height: 100%;width: 350px;}
.howitwork .slidetitle{top: 80px; width: 100%;}
.howitwork .slidetitle h2{font-size: 62px;}
.howitwork .slidetitle p{font-size: 28px;}
    /*.needdetails{position: relative;text-align: left;top: 0px;width: 100%;padding-left: 0px;}*/
}
@media (min-width: 1170px) {
.needdetails .collect{font-size: 24px;margin-left: -6px;padding: 7px 20px;}
#innerslide{background-position: center 160px;height: 100%;width: 350px;}
.howitwork .slidetitle{top: 80px; width: 100%;}
.howitwork .slidetitle h2{font-size: 62px;}
.howitwork .slidetitle p{font-size: 28px;}
    /*.needdetails{position: relative;text-align: left;top: 0px;width: 100%;padding-left: 0px;}*/
}

@media (min-width: 1200px) {
.needdetails .collect{font-size: 24px;margin-left: -6px;padding: 7px 20px;}
#innerslide{background-position:center 160px;height: 100%;width: 350px;}
.howitwork .slidetitle{top: 80px; width: 100%;}
.howitwork .slidetitle h2{font-size: 62px;}
.howitwork .slidetitle p{font-size: 28px;}
    /*.needdetails{position: relative;text-align: left;top: 0px;width: 100%;padding-left: 0px;}*/
}
@media (min-width: 1300px) {
.needdetails .collect{font-size: 24px;margin-left: -6px;padding: 7px 20px;}
.bounceimg{display:none;  left: 43%; position: fixed;top: 68.7%;}	
.menu{ margin-top: 30px;}
.loginbtn {margin-top: 15px;}
.homecontent{margin-top:250px;}
.container{width:1000px;}
.loginbtn li a{width:90px;padding: 3px;}
h1{font-size: 62px;}
header{height: 80px;}
#fbsection1 {height: 100%;
    min-height: 800px;}
/*
#fbsection2 {
	background-image: url(../images/slide11.jpg);
}
#fbsection5 {
	background-image: url(../images/slide41.jpg);
}
#fbsection6 {
	background-image: url(../images/slide51.jpg);
}
*/
#fbsection2:hover h1{display:block;}
#fbsection3:hover h1{display:block;}		
#fbsection4:hover h1{display:block;}		
#fbsection5:hover h1{display:block;}		
#fbsection6:hover h1{display:block;}		
#fbsection7:hover h1{display:block;}		
#fbsection8:hover h1{display:block;}		
#fbsection9:hover h1{display:block;}	
#innerslide{background-position:center 160px;height: 100%;width: 350px;}
.howitwork .slidetitle{top: 80px; width: 100%;}
.howitwork .slidetitle h2{font-size: 62px; margin-bottom: 0;}
.howitwork .slidetitle p{font-size: 28px;}
/*.needdetails{padding-left: calc(50% + 152px);position: fixed;text-align: left;top: 470px;width: 100%;}	*/
}