@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400|Poppins:300,400,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap');
 /*font-family: 'Montserrat', sans-serif;*/

body,html{ font-family: 'Montserrat', sans-serif; height:100%; background-color:#fff; }
body,h1,h2,h3,h4,h5,ul,ul li,*{ margin:0; padding:0; }
ul li{ list-style-type:none; }
p{ margin:0; font-size:16px;} 
a{ outline:none !important; text-decoration:none !important; }


.header{ position:relative; z-index:999; padding:5px 0px; clear:both; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:100%;  background-color:#fff; }
.headfixed{ position:fixed; left:0; right:0; z-index:999; background-color:#fff;  padding:5px 0px; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s;}


.logo{ margin:auto; padding:0px 0px 0px 0px; }
.logo a{ width:100%; display:block; height:100%;}

.socialicn { margin:0; padding:20px 0px 0px 0px; }
.socialicn ul{ margin:0; padding:6px 10px 0px 0px;  }
.socialicn ul li{ padding:0; margin:0; }
.socialicn ul li a { float:left; margin-right:5px; width:30px; height:28px; text-align:center; display:table; 
background-color:#9d2531;}
.socialicn ul li a i{ vertical-align:middle; display:table-cell; color:#fff;}
.socialicn ul li a i:hover{ vertical-align:middle; display:table-cell; color:#fff; background-color:#12679f;}

.mainmenu{ padding:10px 0px; position:relative; margin:0px 20px 0px 0px;}
.mainmenu ul{ margin:0; }
.mainmenu > ul > li{ float:left; }
.mainmenu  ul li a{ padding:12px 12px; display:block; font-weight:500; font-size:14px; color:#333; }
.mainmenu ul li:hover > a{ color:#fff !important; background-color:#962736;}
#activetab{ background-color:#FF6600; color:#fff !important; }
.mainmenu > ul > li > ul{ position:absolute; background-color:#1268a1; display:none; }
.smlmenu{ width:180px; }
.mainmenu ul li ul li a{ font-size:14px; padding:10px 15px; display:block; color:#eee; }
.mainmenu ul li ul li:nth-child(1) a{ border-top:none; }
.respnav{ position:absolute; right:20px; top:40px; }
.respnav i{ font-size:25px; padding:8px; cursor:pointer; color:#fff; background-color:#409e86; }
.respnav{ float:right; }
#respo_menu{ display:none; overflow:hidden; }
#respo-submenu{ position:fixed; top:0; bottom:0; background:#fff; padding:2px; border-top:1px solid #ccc; box-shadow:0px 0px 2px #aaa; left:-100%; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:230px; overflow:auto; z-index:99; }
#respo-submenu ul { margin:0px; padding:0px; }
#respo-submenu ul li a{ display:block; padding: 8px 0 8px 10px; color:#4B4B4D; font-size:13px; text-decoration:none;  }
#respo-submenu ul li{ position:relative; }
#respo-submenu ul li ul{ margin-left:10px; }
#respo-submenu ul li ul li{ position:relative;  padding:0px 10px; font-size:14px; color:#333; }
#respo-submenu ul li ul li:before{ content:'\f105'; position:absolute; left:5px; top:5px; color:#777; font-family:'FontAwesome'; }
#respo-submenu ul li a:hover{ background-color:#c63034; color:#fff;}

.frombackcol{ opacity:0; transform:translateY(200px); z-index:2; }
.fromleftcol{ opacity:0; transform:translateX(-500px); z-index:5; }
.fromrightcol{ opacity:0; transform:translateX(500px); z-index:5; }
.animat{ padding:80px 0px 0px 0px; background-image:url(../images/promo.png); background-size:cover; overflow:hidden; } 
.animibacknrml{ opacity:1; transform:translateY(0); }
.animileftnrml{ opacity:1; transform:translateX(0); }
.animirightnrml{ opacity:1; transform:translateX(0); }

.tran01{ -moz-transition:all ease-in-out 0.8s; -webkit-transition:all ease-in-out 0.8s; -o-transition:all ease-in-out 0.8s; -ms-transition:all ease-in-out 0.8s; transition:all ease-in-out 0.8s; }
.tran02{ -moz-transition:all ease-in-out 1.0s; -ms-transition:all ease-in-out 1.0s; -o-transition:all ease-in-out 1.0s; -webkit-transition:all ease-in-out 1.0s; transition:all ease-in-out 1.0s; }
.tran03{ -moz-transition:all ease-in-out 1.2s; transition:all ease-in-out 1.2s; -ms-transition:all ease-in-out 1.2s; -webkit-transition:all ease-in-out 1.2s; -o-transition:all ease-in-out 1.2s; }
.tran04{ -moz-transition:all ease-in-out 1.4s; transition:all ease-in-out 1.4s; -webkit-transition:all ease-in-out 1.4s; -ms-transition:all ease-in-out 1.4s; -o-transition:all ease-in-out 1.4s; }
.tran05{ -moz-transition:all ease-in-out 1.6s; transition:all ease-in-out 1.6s; -webkit-transition:all ease-in-out 1.6s; -o-transition:all ease-in-out 1.6s; -ms-transition:all ease-in-out 1.6s; }
.tran06{ -moz-transition:all ease-in-out 1.8s; transition:all ease-in-out 1.8s; -o-transition:all ease-in-out 1.8s; -ms-transition:all ease-in-out 1.8s; -webkit-transition:all ease-in-out 1.8s; }


.page{ padding:60px;}
.welcom{ position:relative; padding:0px 0px 0px 0px; z-index:444; background-color:#eee; }
.welcom > div{ overflow:hidden;}
.rtgm{ background-color:#95303e; padding-bottom:14px;}
.textcolm{ padding:30px 0px 40px 0px; }
.textcolm h1{ margin:0;  font-weight:900; color:#fff; padding:20px 0px 0px 40px; font-size:34px;}
.textcolm h4{ margin:0;  font-weight:900; color:#fff; padding:0px 0px 0px 40px;  }
.mngment h3{ margin:0;  font-weight:600; color:#12679e; font-size:18px; padding:10px 0px 4px 0px;}
.mngment p{ font-size:14px; color:#333; padding:0px 0px 10px 0px; margin:0px; }
.textcolm p{ font-size:15px; color:#fff; padding:10px 60px 0px 40px; }
.hrbodr{ border-bottom:3px solid #FF6600; width:10%; }
.mngment{ padding:50px 16px 0px 50px; margin:0px;}
.mngmentimg{ padding:4px 0px;}

.dlink a{ display:inline-block; padding:8px 14px; color:#fff !important;}
.whowercolm{ position:relative; }
.whowercolm > div{ overflow:hidden; }
.whowercolm:before{ position:absolute; content:''; right:0; height:100%; background-color:#00A651; width:40%; top:-50px; }


.bestapt{ position:relative; padding:40px 0px 40px 0px; background-color:#eee;}
.bestapt > div{ overflow:hidden; }
.bestapt h3{ font-size:16px; color:#333; font-weight:400; padding:30px 0px 0px 0px; line-height:1.8; font-style:italic;}
.bestapt p{ font-size:16px; color:#333; padding:10px 80px 0px 0px; line-height:1.6;}
.vdsec{ margin:60px 0px 0px 0px;}

.aptpln{position:relative;padding:30px 20px ;}
.serbx{padding:40px 0px 60px 0px; }
.serbx h2{ text-align:center; color:#333; font-size:30px; font-weight:600; padding:0px 0px 20px 0px;}
.banner-info{padding:0px 0px 0px 20px;}
.agileinfo{padding:0px 0;}
.agileinfo p{color:#464646;font-size:14px;text-align:center; line-height:2em;}
.agileinfo-grid img{width:100%;}
.grid-one h4 {font-size:30px;text-align:left; color:#12679e;font-weight:600; padding:40px 0px 0px 0px; margin:0px;}
.grid-one p{font-size:15px;color:#555; line-height:1.6em;padding:20px 0px 10px 0px; text-align:left;}
.grid-one {background: #fff; padding:5px 30px 0 0px;}
.agileinfo-grid img,.grid-one{min-height:360px !important;}
.agileinfo-grids {margin-top:0px;}
.agileinfo-left {padding: 0; margin-top:0px;}

#about {position:relative; z-index:333;  background-image:url(../images/bg1.jpg); background-attachment:fixed;padding:40px 0px 50px 0px;}
#about:before{ position:absolute; content:''; left:0; top:0; height:100%; background-color:rgba(255, 255, 255,255);width:100%;}
#about .section-heading {margin-bottom:0px;}
.service-item {cursor: pointer; padding: 30px 0px; transition: all 0.7s; margin-top:20px;}
.section-heading h3 {font-size:50px;font-weight:700; text-align:left; padding:0px 0px 20px 0px;}
.section-heading p {text-align:left; padding:0px 0px;color: #333;}
.service-item h3 {color:#fe0542; font-weight:600;  padding:0px 0px 0px 0px; margin:0px;}
.service-item p {color: #333; font-size:14px; padding:10px 0px; margin:0px; text-align:left;}
.service-item:hover h4 {color: #333;}
.service-item:hover p {color: #333;}
.service-item:hover li {color: #333;}
.service-item:hover li:before {color: #333;}
.icon{ margin:0px 0px 0px 0px; }
.six-service .icon { display:inline-block; font-size:40px; border-radius:0px; padding:10px 0px 0px 0px; color:#df1b21;}
.six-service:hover .icon {}

#wel{  background-color:#fff;  text-align:center; padding:40px 0px 70px 0px;}
#wel h1{ position:relative; display:inline-block; padding-bottom:20px; margin-bottom:20px; font-weight:500;  
color:#12679e;  padding-left:20px; font-size:30px;}
#wel h1:after{ position:absolute; width:25%; background-color:#95303e; height:4px; content:''; bottom:0; left:40%;  }
.prodct{ margin:10px 0px 0px 0px;  padding:0px; padding-bottom:10px; z-index:999; overflow:hidden; border:1px solid #eee;}
.prodct p a{ margin:0px; color:#1368a1; padding:0px 0px 0px 0px; }
.prodct img{ -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s; overflow:hidden; z-index:444;}
.prodct h3{ font-weight:600; color:#b03848; padding:30px 0px 0px 20px; font-size:18px;  text-align:left; margin:0px;}
.prodct p{ font-size:14px; color:#8A8D98; padding:10px 0px 10px 20px; text-align:left; line-height:1.6;}
.prodct:hover img{ transform:scale(1.1); }
.prodct h5{ font-size:12px; font-weight:600; color:#999; padding:30px 0px 0px 20px;margin:0px;  text-align:left;}


/*inbanner page */  
.inncont{ padding:60px 0px 60px 0px;}
.inncont h1{ position:relative; display:inline-block; padding:26px 0px 10px 0px; margin-bottom:20px; font-weight:700; color:#0c54a0; text-align:center; margin:0px; text-transform:uppercase;}
.inncont h1:after{ position:absolute; width:18%; background-color:#d65252; height:4px; content:''; bottom:0; left:0%;}
.inncont h2{ position:relative; display:inline-block; padding:30px 0px 10px 0px; margin-bottom:20px; font-weight:600;
 color:#c6473d; margin:0px; }
.inncont h2:after{ position:absolute; width:35%; background-color:#3c83ce; height:3px; content:''; bottom:0; left:0%;}
.inncont h3{ padding:20px 0px 0px 0px; color:#c6473d; font-weight:700; margin:0px;text-transform:uppercase;}
.inncont h3 a{ padding:20px 0px 0px 0px; color:#f57707; font-weight:600; margin:0px;}
.inncont h3 i{  color:#ea2111;}
.inncont h4{ padding:20px;color:#fff;font-weight:500;margin:40px 10px;font-style:italic;line-height:1.4;  
background-color:#7dbce8;
-moz-box-shadow: -10px -10px #888;
-webkit-box-shadow: -10px -10px #888;
box-shadow: -10px -10px #888;}
.inncont span{ font-size:16px; color:#333;}
.inncont p{ padding:10px 0px 0px 0px; font-size:15px; color:#333; margin:0px;}
.incmg{ padding:30px 0px 0px 0px;}
.mnimg{padding:30px 0px 0px 0px;}
.inncont h6 { padding:20px 0px 0px 0px; color:#95303e; font-weight:600; margin:0px; font-size:14px;}
.inncont h5 { padding:20px 0px 0px 16px; color:#95303e; font-weight:600; margin:0px; font-size:22px; text-transform:uppercase;}

.tablecol{ padding:20px 0px 0px 0px; margin:0px 0px;}
.tablecol table{ border:1px solid #dadada;  }
.tablecol table tr th{ background-color:#eee; font-weight:600;}
.tablecol h4{  font-weight:600; color:#d4230c; font-size:20px; padding:0px 0px; margin:0px;}
.tablecol table tr th,.tablecol table tr td{padding:10px 10px; font-size:14px; border:1px solid #dadada;color:#333;}
.tablecol table tr{ padding:0px 0px 0px 0px;  }
.tablecol table tr td a{ padding:0px 0px; color:#333;}
.tablecol table tr td a:hover{ color:#d4230c;}
.tablecol table tr:nth-child(even){ background-color:#eee; }

.ulli{ padding:10px 0px 0px 80px;}
.ulli li{ position:relative; padding:4px 0px 4px 16px; font-size:15px; color:#333; }
.ulli li:before{ position:absolute; left:0; content:'\f101';  font-family: 'FontAwesome';color:#d65252; font-size:16px; top:3px;}

.downld{padding:20px 0px 0px 16px; margin:0px 0px 20px 0px;}
.downld li{ position:relative; padding:15px 0px 15px 30px; font-size:15px; color:#333; border-top:1px solid #d3d3d3; font-weight:600;}
.downld li a{ color:#333;}
.downld li a:before{ position:absolute; left:6px;  content:'\f1c1';  font-family: 'FontAwesome';color:#307fe2; font-size:20px; top:12px;}
.downld li a:after{ position:absolute; right:10px;  content:'\f01a';  font-family: 'FontAwesome';color:#307fe2; font-size:22px; top:10px;}
.downld li:hover{ background-color:#f5f9ff;}

.team{padding:60px 0px 60px 0px;text-align:center;}
.team h1{ position:relative; display:inline-block; padding:26px 0px 10px 0px; margin-bottom:20px; font-weight:700; color:#0c54a0;  margin:0px; text-transform:uppercase; font-size:30px;}
.team  h1:after{ position:absolute; width:18%; background-color:#d65252; height:4px; content:''; bottom:0; left:40%;}
.team p{ padding:10px 0px 0px 0px; font-size:15px; color:#777;}
.team-sec{padding:30px 0px 0px 0px; margin:20px;}
.team h3{ padding:10px 0px 0px 20px; color:#c6473d; font-weight:700; text-align:left; margin:0px;text-transform:uppercase;}
.team h5{ padding:4px 0px 0px 20px; color:#3c61a2; font-weight:500; text-align:left; margin:0px;}
.team-sec p{ padding:10px 0px 0px 20px; font-size:14px; color:#333; text-align:left; margin:0px;}
.team-sec img{border:10px solid #ddd; border-radius:50%; margin:0px 0px 0px 0px; padding:0px;}

.team h4{ padding:20px;color:#fff;font-weight:500;margin:50px 20px;font-style:italic;line-height:1.4;  
background-color:#7dbce8; 
-moz-box-shadow: -10px -10px #888;
-webkit-box-shadow: -10px -10px #888;
box-shadow: -10px -10px #888;}
.teambg{ background-color:#eee; margin:0px 20px 20px 0px; padding:20px 0px 20px 0px; border-radius:10px;}

.fourcol{ position:relative; z-index:333; background-attachment:fixed; padding:0px 0px 100px 0px; margin-top:-80px; }
.fourcol:before{ position:absolute; content:''; left:0; top:0; height:100%; background-color:rgba(255,255,255,0.5);width:100%;}
.fourboxes{ padding:20px 30px; background-size:cover; border-left:1px solid #ddd; margin-top:-80px; background-color:#fff; cursor:pointer;  }
.fourboxes a{ display:block; }
.fourboxes img{ width:150px; margin-bottom:10px; }
.fourboxes h1{ margin:0; padding:0px 0px 10px 0px; color:#333; font-size:22px; font-weight:bold; }
.fourboxes p{ color:#333; }
.fourboxes:hover{ background-color:#f5f5f5; }

.clientcolm{ background-color:#fff; padding:30px 0px; }
.clientcolm h2{ margin:0; padding:0px 0px 13px 0px; font-weight:bold; color:#FF6600;  }
.clientcolm img{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); border:1px solid #ddd; }
.clientcolm img:hover{ -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%);}
.map{ border:1px solid #eee; padding:10px; margin-top:20px;}
.map1{ border:1px solid #157f93; padding:10px; margin-top:20px;}

#footercol{ background-color:#95303e; background-attachment:fixed; background-size:cover; padding:30px 0px; position:relative; z-index:12; overflow:hidden; clear:both; border-bottom:1px solid #8d1d2c;}
.footermenu h3{  font-size:20px; color:#fff; font-weight:900; padding:10px 0px 0px 0px; }
.ftlogo{ padding:0px 0px; background-color:#fff;}
#footercol p{ color:#fff; font-size:14px; padding:10px 0px 0px 0px; font-weight:600; line-height:1.8; margin:0px; }
.footermenu ul{ padding-right:0px; margin-top:10px; }
.footermenu ul li{ padding:0px 0px; position:relative; }
.footermenu ul li a{ font-size:13px; color:#fff;  display:block; padding:6px 0px; font-weight:600; }
#footercol h5{ color:#fff; margin:0px; padding:0px;}
#footercol h5 i{ color:#fff; font-size:18px; font-weight:600;}
#footer{ text-align:center; background-color:#95303e;  }
#footer p{ margin:0; padding:18px 0px; font-size:12px; color:#fff;}
.socialcol{ margin-top:15px;}
.socialcol ul li{ padding:0; }
.socialcol ul li:before{ display:none; }
.socialcol ul li a { float:left; border:1px solid #fff; margin-right:5px; width:37px; height:35px; text-align:center; display:table; }
.socialcol ul li a i{ vertical-align:middle; display:table-cell; color:#fff; }

/* Inner Page */
.pagecont{ position:relative; padding:50px 0px; }
.pagecont h1{ margin:0; padding-bottom:10px; font-weight:bold; }
.pagecont h2{ margin:0; padding-bottom:10px; color:#00A651; }
.pagecont h4{  margin:0; padding-bottom:10px; font-weight:bold; color:#FF6600; }
.pagecont > div{ overflow:hidden; position:relative; }
.pagecont:before{ position:absolute; content:''; right:0; height:100%; background-color:#F38226; width:30%; top:-50px; }
.inpagecont{ padding:0px 0px 30px 0px; }
.sidenav{ background-color:#00A651; padding:10px; }
.sidenav h2{ margin:0; padding:10px; color:#fff; font-weight:bold; }
.sidenav ul li a{ color:#fff; padding:10px; display:block; font-size:16px; border-top:1px solid  #ddd; font-weight:bold; }
.sidenav ul li a:hover{ color:#333; }
.sidenav ul li:nth-child(1) a{ border:none;}
.pagecont p strong{ color:#F38226;}

.divform li{margin-bottom:18px;}
.divform li label{ font-weight:normal; font-size:14px;}
.divform li label.error{ color:#f00; font-size:12px;}
.divform li input, #enquiryfrm ul li select, #enquiryfrm ul li textarea{ font-size:14px; }
.divform li textarea{ resize:none; height:100px; }
.divform li button{  background-color:#F38226; border:none; color:#fff !important; }

.mapcont{ padding:10px; background-color:#F38226; }
.busineslogo { background-color:#fff; padding:20px 0px; }
.mainlogo{ background-color:#fff; padding:24px; border:1px solid #bbb; }
.busineslog{ width:150px;  background-color:#fff; }

.countcolm{ padding:40px 0px; text-align:center;  background-color:#fff; }
.countcolm h1{ font-size:38px; margin:0; padding-bottom:10px; color:#b53032; font-weight:800;}
.countcolm p{ font-size:16px; margin:0; color:#333;}
.countcolm h4{ font-size:16px; margin:0; padding:30px 0px 0px 0px; }


.projcolm{ text-align:center; background-color:#222; }
.projcolm h2{ margin:0; padding:20px 0px; color:#fff; }
.galimg{ padding:1px; }
#fourcol{ clear:both; position:relative; z-index:444; text-align:center; background-color:#333; overflow:hidden; }
#fourcol h2{ font-size:36px; color:#fff; }
.col04{ overflow:hidden; position:relative; border:1px solid #fff; }
.col04 img{ width:100%; -webkit-transition:ease-in-out all 0.3s; transition:ease-in-out all 0.3s; -moz-transition:ease-in-out all 0.3s; -o-transition:ease-in-out all 0.3s; position:relative; z-index:22; overflow:hidden; }
.col04:hover img{ transform:scale(1.2,1.2); }
.col04cont{ top:0; bottom:0; left:0; right:0; background-color:rgba(255,255,255,0.8); z-index:55; text-align:center; padding:30% 10%; opacity:0;-webkit-transition:ease-in-out all 0.3s; transition:ease-in-out all 0.3s; -moz-transition:ease-in-out all 0.3s; -o-transition:ease-in-out all 0.3s; transform:scale(1.3); } 
.col04cont i{ font-size:50px; color:#333; }
.col04cont h2{ text-transform:uppercase; color:#FFF; font-weight:700; font-size:34px;   }
.col04cont:hover{ opacity:1;  transform:scale(1);  }
.col04{ background-size:cover; background-repeat:no-repeat; }

.clink{ padding:10px 0px 0px 4px; margin:0px  0px; }
.clink a{ color:#333; border:#fff 4px solid; padding:10px 30px; font-size:14px; border-radius:40px;  -moz-border-radius: 40px;  -webkit-border-radius: 40px; background-color:#fff;}
.clink a:hover{ color:#fff;  background-color:#95303e; border: #fff 4px solid;}
.clink a i{ font-size:20px;}

.blink{ padding:10px 0px 0px 4px; margin:0px  0px; }
.blink a{ color:#fff; border:#95303e 4px solid; padding:10px 30px; font-size:14px; border-radius:40px;  -moz-border-radius: 40px;  -webkit-border-radius: 40px; background-color:#95303e;}
.blink a:hover{ color:#333;  background-color:#fff; border:#95303e 4px solid;}
.blink a i{ font-size:20px;}

.gallerycol li{ position:relative; border:none; margin-bottom:20px; }
.gallerycol li a{ position:relative; border:1px solid #ccc; display:block; overflow:hidden; height:130px; width:100%; }
.gallerycol li img{ width:100%; }


.thank-col{ padding:0px; width:100%; text-align:center; height:200px; display:table; overflow:hidden; }
.thank-col div{ display:table-cell; vertical-align:middle; text-align:center; width:100%; }
.thank-col h2{ color:#555; }
.thank-col p{ color:#333; font-size:15px; }

.fom{  background-color:#fff; padding:10px  0px; margin:0px 0px 0px -14px;}
.fom ul{ overflow:hidden;  }
.fom ul li{ margin:0px 0px 10px 0px; font-size:20px; position:relative; }
.fom ul li label{ position:relative; font-weight:normal; font-size:14px; margin:0; }
.fom ul li input,.fom ul li textarea{ color:#333; font-size:14px; border-radius:0px;  }
.fom ul li label.error{ font-size:12px; color:#db1313; bottom:6px; right:20px; font-weight:normal; position:absolute; z-index:666; }
.fom button{ padding:10px 30px; }

/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 320px) {
	.textcolm h1{ font-size:30px;}
	.section-heading h4{ font-size:30px;}
	.serbx h2{ font-size:30px;}
	.bestapt h3{ font-size:30px; padding:20px;}
	.bestapt p {font-size: 16px;padding:10px 20px 20px 20px;}.socialicn{ display:none;}	
	.bn_cap{ display:none;}
}

@media (max-width: 360px) {
	.textcolm h1{ font-size:30px;}
	.section-heading h4{ font-size:30px;}
	.serbx h2{ font-size:30px;}
	.bestapt h3{ font-size:30px; padding:20px;}
	.bestapt p {font-size: 16px;padding:10px 20px 20px 20px;}
	.socialicn{ display:none;}
	.bn_cap{ display:none;}	
}


@media (max-width: 576px) { .mainmenu,.sidenav{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; } #home-article > div h1{ font-size:20px; } .pagecont:before{ width:2%; } .fourcol,.fourboxes{  margin-top:-0px; }.welcom:before,.whowercolm:before{  width:10px; } 
.bantext{display:none;}
.bestapt h3{ padding:20px;}
.bestapt p{ padding:20px;} .socialicn{ display:none;}.bn_cap{ display:none;}

 }
/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .mainmenu,.sidenav{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; } #home-article > div h1{ font-size:20px; } .pagecont:before{ width:2%; } .fourcol,.fourboxes{  margin-top:-0px; }.welcom:before,.whowercolm:before{  width:10px; }  
.socialicn{ display:none;}.bn_cap{ display:none;} }
/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { .mainmenu,.sidenav{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; } #home-article > div h1{ font-size:30px; } .pagecont:before{ width:2%; } .fourcol,.fourboxes{  margin-top:0px; }.welcom:before,.whowercolm:before{  width:10px; }  }
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { .mainmenu,.sidenav{ display:block;} .respnav{ display:none;} #respo_menu{ display:none; } #home-article > div h1{ font-size:50px; } .pagecont:before{ width:30%; }  .fourcol,.fourboxes{  margin-top:-80px; }.welcom:before,.whowercolm:before{  width:40%; } .logo{ width:300px; height:97px; } }
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { .mainmenu,.sidenav{ display:block;} .respnav{ display:none;} #respo_menu{ display:none; } #home-article > div h1{ font-size:50px; } .pagecont:before{ width:30%; }  .fourcol,.fourboxes{  margin-top:-80px; } .welcom:before,.whowercolm:before{  width:40%; }  } 
