@charset "utf-8";@media screen and (max-width:1360px){.slider-info{padding-top:30% !important;}
}
@media screen and (max-width:1299px){.f-map{height:262px;}
}
@media screen and (max-width:1255px){.f-map{height:250px !important;}
.newsletter-cont p{font-size:13px;}
.newsletter-cont span{font-size:20px!important;}
.product{height:300px;}
.app-heading{font-size:12px;}
}
@media screen and (max-width:1199px){.app-text{padding:140px 0px;}
.newsletter-left{width:60%;}
.f-map{height:275px !important;}
.newsletter-right{width:40%;}
}
@media screen and (max-width:1150px){.slider-table{height:95vh;}
.f-map{height:265px !important;}
}
@media screen and (max-width:1120px){.f-map{height:255px !important;}
}
@media screen and (max-width:1080px){.f-map{height:247px !important;}
}
@media screen and (max-width:1030px){.f-map{height:238px !important;}
}
@media screen and (max-width:1005px){#cssmenu > ul > li > a{padding:15px 8px 15px 8px !important;}
}
@media screen and (max-width:1024px){.app-text{padding:130px 0px;}
.app-text-small{font-size:18px;}
.app-text-big{font-size:38px;}
.newsletter-cont{margin-top:1% !important;}
.header-text-table .header-text{font-size:20px;}
.logo{width:205px!important;}
}
@media screen and (max-width:1090px){.blog-slide div.owl-prev{left:45%;bottom:-30px !important;top:auto;}
.blog-slide div.owl-next{bottom:-30px;left:auto;right:45%;top:auto;}
.p-slider{padding-bottom:50px;}
}
@media screen and (max-width:991px){.slider-table{height:80vh;}
.bg-about{background:none;}
.slider-info{padding-top:24% !important;}
.slider-info h2{font-size:18px;}
.slider-info p{font-size:12px;}
.fact{bottom:50px;}
.f-map{height:225px !important;}
.newsletter-cont span{font-size:16px!important;}
.top-padding{padding-top:15px;}
.infra-spac img{width:65%;margin:0 auto;}
.product{height:auto;}
.header-text-table-cell{padding-top:80px;}
.header-text-table .header-text{font-size:16px;}
.breadcrumb-margin{margin-top:0px;}
.accordion .link{padding:6px 15px 6px 35px !important;}
.accordion li i{top:6px!important;font-size:15px !important;}
.submenu a{padding:6px!important;padding-left:42px!important}
.f-copyright{text-align:center;}
.footer-sosmed{text-align:center;margin:6px 0px;}
}
@media screen and (max-width:940px){.f-map{height:214px !important;}
.newsletter-cont p{font-size:12px;margin-bottom:5px;}
.gray-icon img{margin:0 auto;width:145px;}
}
@media screen and (max-width:910px){.logo{width:170px !important;height:135px !important;}
.logo img{width:158px !important;margin-left:6px !important;}
.logo span.productname{font-size:12px !important;}
#cssmenu > ul > li > a{font-size:12px !important;}
.logo span.company{font-size:11px !important;}
.logo span.productname{letter-spacing:0px !important;}
}
@media screen and (max-width:900px){.f-map{height:209px !important;}
}
@media screen and (max-width:870px){.f-map{height:200px !important;}
}
@media screen and (max-width:840px){.newsletter-cont{margin-top:0% !important;}
.f-map{height:190px !important;}
}
@media screen and (max-width:800px){.f-map{height:180px !important;}
.newsletter-cont span{font-size:14px!important;}
.newsletter-cont p{margin-bottom:0px;}
.logo{width:140px !important;height:85px !important;}
.logo img{width:128px !important;margin-left:6px !important;}
.logo span.company, .logo span.productname{display:none !important;}
}
@media screen and (max-width:767px){.slider-table{height:500px;}
.slider-info{padding-top:45% !important;}
.slider-info h2{font-size:14px;margin:0px 150px;}
.slider-info p{display:none;}
.f-hide{display:none;}
.f-show{display:block;}
.f-map{height:280px !important;}
.f-bg{background:url(../images/f-bg.jpg) no-repeat;background-size:cover;}
.mobile-footer{padding-top:15px;padding-bottom:15px;}
.mobile-footer p{color:#ffffff;text-align:center;margin:0px;}
.mobile-footer p span{font-size:18px;}
.footer-sosmed{margin-top:0%;text-align:center;right:0px;float:none;position:relative;bottom:-5px;}
.f-copyright{position:relative;top:15px;margin-bottom:0px;font-family:"Open Sans";font-size:12px;text-align:center;}
.red-title{font-size:22px;}
.text-justify{font-size:13px;}
.font-stylist{font-size:16px;}
.app{padding:30px 0px 20px;}
.infra{padding:30px 0px 5px;}
.product img{margin:0 auto;}
.app-img img{border:1px solid #363635;width:100%;}
.prod-desc{font-size:22px;}
.newsletter-left{width:100%;}
.newsletter-right{display:none;}
.newsletter-cont{height:auto;float:left;position:relative !important;right:0% !important;margin-top:0% !important;width:100% !important;background-image:url(../images/f-bg.jpg);text-align:center;padding:10px 0px;}
.logo span.company, .logo span.productname{display:none!important;}
.logo img{margin:5px auto !important;}
.logo{height:80px !important;}
.translator{    position: fixed !important;
    top: 0% !important;
    width: 150px;
    height: auto;}
}
@media screen and (max-width:768px){#cssmenu{display:none !important;}
.logo img{margin:8px auto !important;width:150px !important;margin-left:6px !important;}
.logo{width:165px !important;height:85px !important;}
}
@media screen and (max-width:991px){.company-show{display:block;margin:0 auto;}
.company-hide{display:none;}
.f-title{font-size:24px;}
.specification-text{padding:15px 0px !important;}
.product-feature{background:#494949;}
.feature{padding:0px;}
.feature-text{padding-top:15px;}
.producth3{margin-top:30px;}
.etalage, .sub-hide{display:none !important;}
.zoomContainer{display:none !important;}
.p-show{display:block;}
.p-show img{border:1px solid #ddd;-webkit-box-shadow:0 0 10px #ddd;-moz-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd;margin:0 auto;margin-bottom:10px;margin-top:10px;}
.sub-product h3{padding:0px 0px 10px 0px;}
}
@media screen and (max-width:950px){.app-text{padding:120px 0px;}
}
@media screen and (max-width:787px){.headtagline{display:none;}
.app-text-small{font-size:14px;}
.app-text-big{font-size:34px;}
}
@media screen and (max-width:768px){.main_conatiner{background:none !important;margin-top:24px!important;}
}
@media screen and (max-width:710px){.app-text{position:relative;padding:80px 0px !important;}
}
@media screen and (max-width:840px){.app-text{position:relative;padding:100px 0px;}
}
@media screen and (max-width:860px){#cssmenu > ul > li > a{padding:15px 5px 15px 6px !important;}
}
@media screen and (max-width:680px){.gray-icon img{margin:0 auto;width:65%;}
.blog-slide div.owl-prev{left:42%;bottom:-30px !important;top:auto;}
.blog-slide div.owl-next{bottom:-30px;left:auto;right:42%;top:auto;}
}
@media screen and (max-width:640px){.app-text-big{font-size:26px;}
.app-text{position:relative;padding:55px 0px !important;}
}
@media screen and (max-width:625px){.project-count-info span{font-size:22px;}
.project-count-info h3{font-size:12px;}
.infrastructure-list li{border-bottom:1px solid #eaeaea;float:left;margin-right:0px;padding:5px 0;width:100%;position:relative;color:#636363;font-family:"Open Sans";font-size:13px;}
.second-last{border-bottom:1px solid #eaeaea !important;}
}
@media screen and (max-width:550px){}
@media screen and (max-width:500px){.gallery-show{display:block;}
.gallery-show img{margin-bottom:20px;}
.home-gallery{display:none;}
}
@media screen and (max-width:480px){.logo img{width:138px !important;}
.logo{width:150px !important;height:75px !important;}
.overlay-btn{font-size:16px !important;}
.slider-info{padding-top:100%!important;}
.slider-info h2{font-size:12px;margin:0px 30px;}
.mobile-footer p{font-size:13px;}
.app-box{width:100%;}
.p-btn{padding:5px 5px;font-size:12px;}
}
@media screen and (max-width:470px){.gray-icon img{margin:0 auto;width:78%;}
.blog-slide div.owl-prev{left:40%;bottom:-30px !important;top:auto;}
.blog-slide div.owl-next{bottom:-30px;left:auto;right:40%;top:auto;}
.p-small{width:100%;border-bottom:1px solid #efefef;}
}
@media screen and (max-width:430px){.app-text-big{font-size:22px;}
.app-text{position:relative;padding:40px 0px !important;}
}
@media screen and (max-width:415px){.project-count-info span{font-size:20px;}
.project-count-info{padding:5px;}
.project-count-info h3{font-size:11px;}
.count-width{width:100%;}
}
@media screen and (max-width:400px){.about{padding:20px 0px 10px;}
.red-title{font-size:22px;}
.font-stylist{font-size:14px;}
}
@media screen and (max-width:370px){.app-text-small{font-size:12px;}
.app-text-big{font-size:18px;}
.app-text{position:relative;padding:30px 0px !important;}
}
@media screen and (max-width:390px){.blog-slide div.owl-prev{left:38%;bottom:-30px !important;top:auto;}
.blog-slide div.owl-next{bottom:-30px;left:auto;right:38%;top:auto;}
}