@media only screen and (min-width:601px) and (max-width:800px){body{font-family:'Roboto' , sans-serif;background-color:#f1f1f1;color:#323232;font-size:14px;height:100%;font-weight:300;margin:0;padding:0;}
.homeslider{display:none;}
.section{padding:0;}
.mobilebanner{display:table;width:100%;float:left;height:100%;}
.container{margin:70px auto 0;}
.fp-nav{display:none;}
.right{display:none;}
.left{display:none;}
.logo{width:310px;float:left;margin:7px 0 7px 10px;}
.logo img{width:310px;float:none;margin:0 auto;display:table;}
.top{z-index:500;}
.arrowbottom{display:none;}
.headerright{width:100%;float:right;margin-right:0;display:none;}
.headerright ul{width:100%;float:right;padding:0;margin:5px 0;}
.headerright ul li{float:left;}
.headerright ul li a{line-height:22px;margin:0 0 0 10px;}
.mobilemenu{width:100%;padding:0 2%;line-height:30px;height:30px;cursor:pointer;margin:0 auto;margin-bottom:10px;position:relative;z-index:100;color:#333;background:#fff;display:table;top:0px;font-size:12px;font-weight:400;}
.mobileopenicon::after{content:"\f0c9";font-family:fontawesome;float:right;font-size:23px;}
.mobilecloseicon::after{content:"\f00d";font-family:fontawesome;float:right;font-size:23px;}
.mobilemenu:before{content:"Menu";float:left;font-size:17px;}
#menu2{list-style-type:none;margin:0;padding:0;position:absolute;top:30px;left:0;width:100%;z-index:0;background:#fff;}
#menu2 li{display:block;border-bottom:1px solid #E5E5E5;width:100%;float:left;}
#menu2 li a{display:block;line-height:28px;font-size:14px;font-weight:400;color:#333;width:94%;margin:0 3%;float:left;text-decoration:none;}
#menu2 li:last-child{border-bottom:1px solid transparent;}
.displaynone{display:none;}
.mobilemenudiv{position:fixed;top:20px;right:10px;width:215px;float:left;z-index:600;display:table;}
.section{height:auto;border-bottom:1px solid #fff;}
.homeprojectsam{width:100%;float:left;display:table;padding:0;margin:5px 0 0 0;}
.homeprojectsam ul{width:100%;float:left;display:table;padding:0;margin:0px 0 20px 0;}
.homeprojectsam li{width:31%;float:left;padding:0;margin:0 1% 29px 1%;list-style-type:none;}
.container-inside{width:96%;float:left;margin:32px 2%;position:relative;}
h2{font-size:30px;font-weight:400;line-height:35px;text-align:center;width:100%;float:left;display:table;color:#fff;position:relative;z-index:5;margin:0px 0 15px;}
.backright{display:none;}
h2:after{background:rgba(255,255,255, 0.2);height:1px;width:100%;position:absolute;left:0;bottom:-10px;content:"";}
h2:before{background:rgba(255,255,255, 0.2);height:1px;width:100%;position:absolute;left:0;bottom:-7px;content:"";}
.projectsam ul{width:100%;float:left;display:table;padding:0;margin:25px 0 40px 0;}
.projectsam li{width:50%;float:left;padding:0;margin:0 0 30px 0;list-style-type:none;}
.bottom{position:fixed;bottom:0;left:0;width:100%;height:30px;background-color:#fff;z-index:10;}
}
@media only screen and (min-width:801px) and (max-width:1100px){body{font-family:'Roboto' , sans-serif;background-color:#f1f1f1;color:#323232;font-size:14px;height:100%;font-weight:300;margin:0;padding:0;}
.homeslider{display:none;}
.section{padding:0;}
.mobilebanner{display:table;width:100%;float:left;height:100%;}
.container{margin:70px auto 0;}
.fp-nav{display:none;}
.right{display:none;}
.left{display:none;}
.logo{width:310px;float:left;margin:7px 0 7px 10px;}
.logo img{width:310px;float:none;margin:0 auto;display:table;}
.top{z-index:500;}
.arrowbottom{display:none;}
.headerright{width:100%;float:right;margin-right:0;display:none;}
.headerright ul{width:100%;float:right;padding:0;margin:5px 0;}
.headerright ul li{float:left;}
.headerright ul li a{line-height:22px;margin:0 0 0 10px;}
.mobilemenu{width:100%;padding:0 2%;line-height:30px;height:30px;cursor:pointer;margin:0 auto;margin-bottom:10px;position:relative;z-index:100;color:#333;background:#fff;display:table;top:0px;font-size:12px;font-weight:400;}
.mobileopenicon::after{content:"\f0c9";font-family:fontawesome;float:right;font-size:23px;}
.mobilecloseicon::after{content:"\f00d";font-family:fontawesome;float:right;font-size:23px;}
.mobilemenu:before{content:"Menu";float:left;font-size:17px;}
#menu2{list-style-type:none;margin:0;padding:0;position:absolute;top:30px;left:0;width:100%;z-index:0;background:#fff;}
#menu2 li{display:block;border-bottom:1px solid #E5E5E5;width:100%;float:left;}
#menu2 li a{display:block;line-height:28px;font-size:14px;font-weight:400;color:#333;width:94%;margin:0 3%;float:left;text-decoration:none;}
#menu2 li:last-child{border-bottom:1px solid transparent;}
.displaynone{display:none;}
.mobilemenudiv{position:fixed;top:20px;right:10px;width:215px;float:left;z-index:600;display:table;}
.section{height:auto;border-bottom:1px solid #fff;}
.homeprojectsam{width:100%;float:left;display:table;padding:0;margin:5px 0 0 0;}
.homeprojectsam ul{width:100%;float:left;display:table;padding:0;margin:0px 0 20px 0;}
.homeprojectsam li{width:31%;float:left;padding:0;margin:0 1% 29px 1%;list-style-type:none;}
.container-inside{width:96%;float:left;margin:32px 2%;position:relative;}
h2{font-size:30px;font-weight:400;line-height:35px;text-align:center;width:100%;float:left;display:table;color:#fff;position:relative;z-index:5;margin:0px 0 15px;}
.backright{display:none;}
h2:after{background:rgba(255,255,255, 0.2);height:1px;width:100%;position:absolute;left:0;bottom:-10px;content:"";}
h2:before{background:rgba(255,255,255, 0.2);height:1px;width:100%;position:absolute;left:0;bottom:-7px;content:"";}
.projectsam ul{width:100%;float:left;display:table;padding:0;margin:25px 0 40px 0;}
.projectsam li{width:50%;float:left;padding:0;margin:0 0 30px 0;list-style-type:none;}
.bottom{position:fixed;bottom:0;left:0;width:100%;height:30px;background-color:#fff;z-index:10;}
}