@media only screen and (max-width: 1199px){
header .custnav ul li a{ padding:11px 12px; font-size:18px;}
header .custnav ul.menubtns li a{padding-left: 57px;padding-right: 30px;}
.services ul li .boxinn p{ font-size:18px;word-break: break-all;}
footer .footercol.col-contact{width: 320px;}
footer .footercol.col-newsletter{width: 280px;}
footer .footercol.col-testimonial{width: 290px;}
footer .footercol.col-contact p br{display:none}
.products .owl-nav .owl-prev{ margin-left:0}
.products .owl-nav .owl-next{ margin-right:0}
}
@media only screen and (max-width: 999px){
.topheader {padding:15px 0}
.topheader .logo{ float:left;}
.commonslider .item{ height:400px;}
header{left:-100%; margin:0;transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;position:fixed;  top:0; height:100%; width:250px; background:#038fc8; }
header .container{width:100%; max-width:100%; padding:0}
#mobilemenu{ display:block; width:40px; height:40px; background:#038fc8; cursor:pointer; border-radius:2px; padding:10px 8px; float:right; margin:22px 0 0 0;transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;}
#mobilemenu span{ display:block; width:100%; height:3px; background:#fff; border-radius:2px;transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;}
#mobilemenu span.menutoggle2{ margin-bottom:5px; margin-top:5px;}
header.open{left:0;}
header .custnav ul.menubtns{ float:left; width:100%;}
header .custnav ul.menubtns li a{ background:#3d3d3d; padding:12px;}
header .custnav ul li{ display:block; width:100%; margin:0 0 1px 0}
header .custnav ul li > a{ display:block; padding:12px 15px; width:100%}
.custnav ul.open{left:0}
#mobilemenu:hover{background:#3d3d3d;}
#mobilemenu:hover span{background:#fff;}
#mobilemenu.open span.menutoggle1{-ms-transform:rotate(48deg); -webkit-transform: rotate(48deg); transform: rotate(48deg); position:relative; top:8px;}
#mobilemenu.open span.menutoggle2{ display:none}
#mobilemenu.open span.menutoggle3{-ms-transform:rotate(-48deg); /* IE 9 */ -webkit-transform: rotate(-48deg); /* Safari */ transform: rotate(-48deg); position:relative; top:5px;}

.commonslider .bannertext .container {padding-left: 50px;}
.services ul{ text-align:center}
.services ul li{ float:none; vertical-align:top; width:32%; margin:0 0 4px 0}
.services ul li .boxinn:hover:after{ display:none;}
.services ul li .boxinn{ border:0;}
.products .boxinner .btn-buy,.products .boxinner .btn-wishlst{ font-size:16px;}
.products .boxinner .btnarea a {margin: 0 -11px;}
footer .footercol.col-contact{width:100%; padding:0 0 20px 0}

.subanner{ height:245px;}
.aboutpart2 .abourimg{ position:static; width:100%}
.aboutpart2 .pull-left {padding-bottom:20px;}
.sec-cta ul li{width:49.7%; padding-bottom:15px;}
.sec-cta .boxinn h3{ padding-left:22px; padding-right:22px;}
}
@media only screen and (max-width: 767px){
.aboutpart,.services,.followus,.products,.aboutpart3,.sec-cta{ padding:50px 0}
.aboutpart2 .section-title1{ padding-top:50px; padding-bottom:7px;}
.aboutpart3 .fullsecimg {padding: 25px 0 10px;}
.aboutpart p{ line-height:26px;}
.sec-cta ul li{width:100%; padding-left:0; padding-right:0}
.sec-cta{ padding-bottom:15px;}

}
@media only screen and (max-width: 599px){
.services ul li{width:48%;}
.section-title1 p{ padding:0 30px;}
.section-title1 p:after, .section-title1 p:before{width:20px;}
footer .footercol.col-newsletter,footer .footercol.col-testimonial{ width:100%;}
footer .footercol.col-newsletter{ padding:0 0 20px 0}
}
@media only screen and (max-width:499px){
.topheader .logo{width:70%;}
#mobilemenu{ margin-top:12px;}
.aboutpart3 p{word-break: break-all;}
}
@media only screen and (max-width: 479px){
.services ul li{width:100%;}
.services ul li .boxinn{ min-height:inherit}
.commonslider .item{ height:260px;}
.followus ul li a{height:68px; width:68px; font-size:35px; line-height:71px;}
.followus ul li{ margin:0 5px;}
.section-title1 h2{font-size:30px;}
.section-title1{ padding-bottom:10px;}
.subanner{height: 160px;}
.aboutpart2 .section-title1{padding-top: 20px;}
.aboutpart3 .section-title1{ padding-bottom:10px;}
.aboutpart3 .lead{ padding-bottom:0}
.aboutpart3 p{ line-height:26px;}
.sec-cta .boxinn h3{ font-size:22px;}
}
@media only screen and (max-width: 355px){
.learnbtn1{font-size:18px;}
}