@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1187px){
.container{ width:1004px;}
.forMob{ display:none;}

/*====================home/index-section==========================*/
ul.menu li{ padding:5px 15px;}'

.home{padding:30px 0; min-height:600px;}
.left-div{width:38%;}
.left-div h1{font-size:40px; line-height:44px;}
.left-div p{font-size:18px; line-height:24px;}
a.learn-btn{margin-top:20px;}

/*====================quality-section==========================*/
.qua-img1{ margin-top:75px;}

/*====================contact-section==========================*/
.cont-box{ padding:20px 10px 25px 15px;}
.box-txt1{ font-size:24px;}

/*====================product-section==========================*/	
.prod-s1{ margin-top:40px;}
.prod-left ul{ margin-top:30px;}
.prod-left ul li{ font-size:16px; line-height:24px;}
.prod-right{ width:58%;}
.pr-text{font-size:24px;}
.prod-featdiv p{ font-size:16px;}

/*====================modularity-section==========================*/
.modularity-img{ margin-top:45px;}


/*====================comparison-section==========================*/
.compare-t tr td:nth-child(2), .compare-t tr td:nth-child(3){padding:15px 30px 15px 25px;}

ul.source-items li p{font-size:17px;}
}


@media only screen and (max-width:1021px){
.container{ width:750px;}
.forDesk,.forMob{ display:none;}
.forTab{ display:block;}
.menu{ display:none;}

/*====================home/index-section==========================*/
.left-div{width:40%;}
.left-div h1{font-size:30px; line-height:36px;}
.left-div p{margin-top:15px; font-size:16px; line-height:22px;}
.txt1{font-size:16px; line-height:22px;}

/*====================about-section==========================*/
.abt-sec{ padding:40px 0 30px;}  
.abt-s1{ margin-top:30px;}
.para-hdng{ font-size:28px; line-height:34px;}  
.cmn-para {font-size: 17px;margin-top: 20px;line-height: 26px;}
.abt-s2{ margin-top:30px;} 
.abt-img2{margin-top:5px;}

/*====================quality-section==========================*/
.qua-left{ width:56%;}
.quality-sec{ padding:40px 0 30px;}

/*====================contact-section==========================*/
.contact-sec { padding: 40px 0 30px;}
.cont-box ul li p{font-size:18px; line-height:26px;}

/*====================instalation-section==========================*/	
.instal-sec{padding:40px 0 30px;}
.instal-s1{ margin-top:30px;}

/*====================news-section==========================*/	
.news-sec{padding: 40px 0 30px;}
.news-s1{ margin-top:30px;}

/*====================product-section==========================*/
.prod-sec{padding: 40px 0 30px;}
.prod-s1{ margin-top:30px;}
.prod-left ul{ margin-top:0;}
.prod-left ul li{ line-height:22px;}
.prod-right{width:54%;}
.pr-text{font-size:22px; line-height:26px;}
.prod-featdiv{width:32%; margin-right:2%;}
.prod-featdiv p{font-size:16px; line-height:20px;}

/*====================benefits-section==========================*/	
.benefits-sec{ padding: 40px 0 30px;}
.benefits-s1{ margin-top:30px;}
.s2-leftdiv{ height:auto;}
.b-s2hdng{ font-size:22px; line-height:28px;}

/*====================comparison-section==========================*/
.Comparision-sec{padding: 40px 0 30px;}
.compare-table{ margin:0;}
.compare-sec2{margin-top:30px;}
.compare-t tr th{font-size:24px;}

.resource-sec{padding: 40px 0 30px;}
ul.source-items li p{font-size:17px; line-height:22px; padding-right:30px; margin-top:12px;}
}


@media only screen and (max-width:767px){
.container{ width:100%; max-width:600px; padding:0 10px;}
.forMob{ display:block;}
.forDesk,.hideMob{ display:none;}
.menu{ display:none;}

.mob-menubtn{position:relative; padding-right:30px;!important}
.mob-menubtn span{position:absolute; right:20px; font-size:40px; font-weight:300; line-height:30px; transition: all ease 0.5s;}
.dropMenu-mob{display:none; float:left; width:100%; padding-bottom:5px;}
.dropMenu-mob li{padding-left:15px;}
.dropMenu-mob li:last-child{border:none; }
.mob-menubtn.active span{transform: rotate(135deg);-webkit-transform: rotate(135deg);}

/*====================Menu-section==========================*/
.mob-mnu-ic{top:18px;}
.mobilemenu{top:60px;}
.top-fix-bar{margin-bottom:60px;}
.menubar{height:60px; margin-top:-60px; top:60px;}
.logo {width: 140px;margin-top: 10px;}

/*====================home/index-section==========================*/
.home{padding:20px 0; background:url(../images/home-mob-bg.jpg) no-repeat right top; background-size:cover; min-height:auto;}
.left-div{width:100%;}
.right-div{width:100%; padding:0 10px 10px; left:0; right:auto; background: rgba(255,255,255,0.7);}
.txt1{font-size:14px; line-height:20px;}
a.learn-btn{width:220px; height:55px; line-height:55px;}

.footer p{ font-size:14px;}   
     
/*====================about-section==========================*/  
.abt-sec{ padding:20px 0 30px;} 
.abt-s1{margin-top:15px;}
.abts1-right{ width:100%;}
.abts1-left{ width:100%;}
.cmn-para{ margin-top:20px; font-size:18px; line-height:26px;}
.cmn-hdng{ font-size:27px; line-height:33px;}
.para-hdng{ font-size:22px; line-height:30px;}
.abt-s2{ margin-top:30px;}

/*====================quality-section==========================*/   
.quality-sec{ padding:20px 0 30px;}    
.qua-left{ width:100%; margin-top:0px;}
.qua-right{ width:100%;}
.qua-img1{ margin-top:25px;}

/*====================contact-section==========================*/
.contact-sec { padding: 20px 0 30px;}
.cont{ margin-top:30px;}
.cont-left{ width:100%;}
.frmFldBox{ padding:5px 10px 20px;}
.input-box.hlf{ width:100%;}
.submit{ float:none;}
.cont-right{ width:100%;}
.cont-box{ margin-top: 20px; padding: 10px 15px 20px 15px;}
.cont-box ul li{ padding-left:35px;}
.cont-box ul li:first-child {margin-top: 18px;}
.cont-box ul li p{ font-size:16px; line-height:25px;}
.box-txt1{ font-size:24px; line-height:32px;}


/*====================instalation-section==========================*/	
.instal-sec { padding: 20px 0 30px;}
.instal-s1, .instal-s2{ margin-top:30px;}

/*====================news-section==========================*/	
.news-sec{padding: 20px 0 30px;}
.news-s1{ margin-top:20px;}
.news-s2{ margin-top:20px;}
.news-img1{margin-top:20px;}
.news-cmnt{font-size:14px;}

/*====================product-section==========================*/
.prod-sec{padding: 20px 0 30px;}
.prod-right{ width:100%;}
.prod-s1{ margin-top:20px;}
.prod-left{ width:100%;}
.prod-left ul{ margin-top:15px;}
.prod-left ul li{ font-size:15px; line-height:18px;}
.prod-btm-img{ margin-top:25px;}
.pr-text{ font-size:22px;}

/*====================benefits-section==========================*/	
.benefits-sec{padding: 20px 0 30px;}
.benefits-s1 { margin-top: 20px; text-align:center;}
.benefits-img1{margin-top:25px;}
.s2-leftdiv{ width:100%; margin-top:25px; height:auto; padding-bottom:20px;}
.benefits-s2{ margin-top:0px; display:block;}
.b-s2hdng{ font-size:22px; line-height:30px; margin-top:15px; padding:0 5px; letter-spacing:0;}
.b-s2para{ margin-top:20px; padding:0 10px;}
.ben-imgdiv{margin-top:20px;}

/*====================modularity-section==========================*/
.modularity-sec{padding: 20px 0 30px;}
.modularity-right{ width:100%;}
.modularity-img{ max-width:80%; margin:30px 0 10px 0;}
.modularity-left{ width:100%;}


/*====================comparison-section==========================*/
.Comparision-sec{ padding: 20px 0 30px;}
.compare-table{width:100%; float:left; overflow:scroll;}
.compare-t{width:600px;}
.compare-t tr th:nth-child(1){width:20%;}
.compare-t tr th:nth-child(2), .compare-t tr th:nth-child(3){width:40%;}
.compare-t tr th, .compare-t tr td:nth-child(1){font-size:17px;}
.compare-t tr td:nth-child(2), .compare-t tr td:nth-child(3){padding:10px; font-size:16px; line-height:22px;}
.compare-t tr td:nth-child(1){padding:10px;}
.compare-t tr th:nth-child(1){padding-left:10px;}
.comps2-left{width:100%;}
.comp-s2{margin-top:20px;}
.box-div{position:static; float:left; width:100%; margin-top:15px;}
.box-div::before{display:none;}


.resource-sec{padding: 20px 0 30px; min-height:auto;}
ul.source-items{flex-wrap:wrap; margin-top:20px;}
ul.source-items li{width:100%; margin:10px 0;}
ul.source-items li p{font-size:18px; line-height:66px; padding-right:0; margin-top:0;}
}