@media (min-width:1440px) and (max-width:5000px) {
.container {max-width: 1330px;}	
}

@media (min-width:1200px) and (max-width:1439px) {
.mainmenu ul li a {font-size: 14px;padding: 5px 10px;}
}

@media (min-width:992px) and (max-width:1199px) {
.mainmenu{ display:none;}
.contactinfo li {font-size: 12px;margin-right: 10px;}
.s-box ul li a {font-size: 15px;line-height: 26px;}
.whycontentinner {width: 60%;top: 110px;right: 70px;}
.payment img{ width:450px;}

.slide-menu-open {display: block;margin: 15px 0 0;}
.sticky .slide-menu-open {display: block;margin: 17px 0 0;}

 .sticky .logo img {
    
    margin: 10px 0 5px;
}
	.contactinfo li:first-child{ display:none}
}

@media (min-width:768px) and (max-width:991px) {
.mainmenu{ display:none;}
.contactinfo li:first-child{ display:none;}
header {padding: 5px 0;}
.s-box {position: relative;padding: 35px;min-height: 100px;transition: 0.3s;margin-bottom:30px;}
.s-box ul {margin: 0 0 55px;padding: 0;display: block;clear: both;overflow: hidden;}
.whyimg { width:100%; clear:both; overflow:hidden;}
.whyimg img{ display:block; width:100%; clear:both; height:auto;}
.whycontentinner {width: 100%;padding: 35px 0;background-color: rgb(255, 255, 255, .5);position: relative;top: 0;right: 0;}
.whyusSection {width: 100%;clear: both;overflow: hidden;padding: 50px 0 20px;background: #fff;}
.foot-col-nav {padding-left: 0;}
.copuright-text{ text-align:center;}
.payment {float: none;margin: 0;padding: 0;}
.payment img{ display:block; margin:0 auto; width:300px;}
.copuright {font-size: 13px;color: #fff;margin: 6px 0 0;padding: 0;float: none;}
.slide-menu-open {display: block;margin: 15px 0 0;}
.sticky .slide-menu-open {display: block;margin: 17px 0 0;}
.woocommerce ul.order_details li{ display:block; width:33.333%; margin:0; padding:10px;}

.projectbox{ display:block}
.projectimg {float: left;width: 100%;}
.projectDetailsCol {width: 100%;float: left;height: 100%;}
.projectDetailsInner {width: 90%;margin: 33px auto;}

 .woocommerce-account .woocommerce{ width:100%; float:left; padding:0 0 20px;}
 
}

@media (min-width:481px) and (max-width:767px) {
.mainmenu{ display:none;}
.contactinfo li:first-child{ display:none;}
header {padding: 5px 0;}
.s-box {position: relative;padding: 35px;min-height: 100px;transition: 0.3s;margin-bottom:30px;}
.s-box ul {margin: 0 0 55px;padding: 0;display: block;clear: both;overflow: hidden;}
.whyimg { width:100%; clear:both; overflow:hidden;}
.whyimg img{ display:block; width:100%; clear:both; height:auto;}
.whycontentinner {width: 100%;padding: 35px 0;background-color: rgb(255, 255, 255, .5);position: relative;top: 0;right: 0;}
.whyusSection {width: 100%;clear: both;overflow: hidden;padding: 50px 0 20px;background: #fff;}
.foot-col-nav {padding-left: 0;}
.copuright-text{ text-align:center;}
.payment {float: none;margin: 0;padding: 0;}
.payment img{ display:block; margin:0 auto; width:300px;}
.copuright {font-size: 13px;color: #fff;margin: 6px 0 0;padding: 0;float: none;}

.contactinfo {float: left;margin: 12px 0;padding: 0;width: 100%;text-align: center;display: block;}
.contactinfo li{ display:inline-block; text-align:center; margin:0; padding:0 5px; float:none;}
.topaccount {float: right;background: #009dcd;width: 100%;}
.topaccount ul {margin: 0 0;padding: 0;width: 100%;display: block;text-align: center;}
.topaccount ul li {display: inline-block;float: none;list-style: none;padding: 3px 0;text-align: center;}
.topsection .col-lg-12{padding-right: 0;padding-left: 0;}
.contactSection .title-sec p br{ display:none;}
.contact-form-area ul li {display: block;float: left;width: 100%;padding: 0 15px;margin: 0 0 15px;}
.messagecol {width: 100%;clear: both;overflow: hidden;padding: 0 15px;margin: 0 0 30px 0;}
.foot-col-nav, .foot-col {text-align: center;}
.aboutlink {display: inline-block;}
.socialLink ul {margin: 0;padding: 0;width: 100%;display: block;text-align: center;}
.socialLink ul li {display: inline-block;float: none;list-style: none;margin: 0 5px;}

.slide-menu-open {display: block;margin: 15px 0 0;}
.sticky .slide-menu-open {display: block;margin: 17px 0 0;}
.woocommerce ul.order_details li{ display:block; width:50%; margin:0; padding:10px;}

.projectbox{ display:block}
.projectimg {float: left;width: 100%;}
.projectDetailsCol {width: 100%;float: left;height: 100%;}
.projectDetailsInner {width: 90%;margin: 33px auto;}

 .woocommerce-account .woocommerce{ width:100%; float:left; padding:0 0 20px;}


}

@media (min-width:320px) and (max-width:480px) {
.mainmenu{ display:none;}
.contactinfo li:first-child{ display:none;}
header {padding: 5px 0;}
.s-box {position: relative;padding: 35px;min-height: 100px;transition: 0.3s;margin-bottom:30px;}
.s-box ul {margin: 0 0 25px;padding: 0;display: block;clear: both;overflow: hidden;}
.whyimg { width:100%; clear:both; overflow:hidden;}
.whyimg img{ display:block; width:100%; clear:both; height:auto;}
.whycontentinner {width: 100%;padding: 35px 0;background-color: rgb(255, 255, 255, .5);position: relative;top: 0;right: 0;}
.whyusSection {width: 100%;clear: both;overflow: hidden;padding: 50px 0 20px;background: #fff;}
.foot-col-nav {padding-left: 0;}
.copuright-text{ text-align:center;}
.payment {float: none;margin: 0;padding: 0;}
.payment img{ display:block; margin:0 auto; width:300px;}
.copuright {font-size: 13px;color: #fff;margin: 6px 0 0;padding: 0;float: none;}

.contactinfo {float: left;margin: 12px 0;padding: 0;width: 100%;text-align: center;display: block;}
.contactinfo li{ display:inline-block; text-align:center; margin:0; padding:0 5px; float:none; font-size: 11px;}
.topaccount {float: right;background: #009dcd;width: 100%;}
.topaccount ul {margin: 0 0;padding: 0;width: 100%;display: block;text-align: center;}
.topaccount ul li {display: inline-block;float: none;list-style: none;padding: 3px 0;text-align: center;}
.topsection .col-lg-12{padding-right: 0;padding-left: 0;}
.contactSection .title-sec p br{ display:none;}
.contact-form-area ul li {display: block;float: left;width: 100%;padding: 0 15px;margin: 0 0 15px;}
.messagecol {width: 100%;clear: both;overflow: hidden;padding: 0 15px;margin: 0 0 30px 0;}
.foot-col-nav, .foot-col {text-align: center;}
.aboutlink {display: inline-block;}
.socialLink ul {margin: 0;padding: 0;width: 100%;display: block;text-align: center;}
.socialLink ul li {display: inline-block;float: none;list-style: none;margin: 0 5px;}
.menusection {float: right;position: relative;padding-right: 106px;}
header .logo img {width: 150px;transition: 0.3s;  margin: 10px 0 5px;}
.sticky .logo img {width: 150px;transition: 0.3s;  margin: 10px 0 5px;}
.cart_top {top: 8px;width: 100px; padding:0 0 0 6px;}
 
	
	
.sticky {padding: 5px 0;transition: 0.3s;}
.title-sec p {font-size: 14px;}
.whycontentinner h2 {font-size: 30px;}
.whycontentinner h3 {font-size: 16px;margin: 0 0 25px;padding: 0;}
.contact-form-area {width: 100%;margin: 0 auto;}
.title-sec {text-align: center;width: 100%;overflow: hidden;margin: 0 0 25px;}
.ourservices-sec { padding: 30px 0 20px;}
.s-box {padding: 20px;margin-bottom: 30px;}
.viewshop {font-size: 17px;color: #111;text-decoration: none;position: relative;bottom: 0;left: 0;padding-right: 30px;transition: 0.3s;}
.slide-menu-open {display: block;margin: 12px 0 0;}
.slide-menu-open img{ width: 30px;}
.sticky .slide-menu-open {display: block;margin: 12px 0 0;}
.sticky .cart_top {top: 8px;transition: 0.3s;}

.woocommerce ul.order_details li{ display:block; width:100%; margin:0; padding:10px;}
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product{ width:100%; clear:both;}

.projectbox{ display:block}
.projectimg {float: left;width: 100%;}
.projectDetailsCol {width: 100%;float: left;height: 100%;}
.projectDetailsInner {width: 90%;margin: 33px auto;}

 .woocommerce-account .woocommerce{ width:100%; float:left; padding:0 0 20px;}

}

@media (min-width:320px) and (max-width:767px) {

.woocommerce-MyAccount-navigation ul li {display: inline-block;clear: none;list-style: none;padding: 0;text-align:center;}
.woocommerce-MyAccount-navigation ul {margin: 0 0 30px;text-align:center;padding: 0;width: 100%;max-width: 100%;overflow: hidden;display: block;}
.myaccountmenu ul, .myaccountmenu ul li{ text-align:left;}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images,.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width: 100% !important;
}
}