﻿@media screen and (max-width:1280px){
.container{ width:96%;}
.logo{ width:60%; box-sizing: border-box; padding-right: 10px;}
.contactinfo{ width:40%;}
.navigation ul li{ padding-right:30px;}
.navigation ul li a{ font-size:23px;}
}

@media screen and (max-width:1050px){

.welcomecontent, footer .inner{ width:96%;}
.contactinfo h4{ font-size:24px;}
.contactinfo h5{ font-size:32px;}
.contactinfo h5 span{ font-size:14px;}
.navigation ul li a{ font-size:19px;}
.navigation ul li{padding-right: 24px;}

footer .inner .top ul{ text-align:center;}
footer .inner .top ul li{ float:none; text-align:center; display:inline-block;  margin: 0 4%;}
footer .inner .services ul{ text-align:center;}
footer .inner .top ul{ width:96%; text-align:center;}
footer .inner .services ul li, footer .inner .services ul li:last-child{ float:none; display:inline-block; margin:0 5%;}

footer .inner .top ul li, footer .inner .top ul li:last-child, footer .inner .top ul li:first-child{ margin:0 5%; font-size:22px;}
.copyright{ padding:0 2%;}
.home .comman-div .product .widget .widget_sp_image-description{ font-size:18px;}
}

@media screen and (max-width:1000px){

.navigation ul li a{ font-size:17px;}
.navigation ul li{ padding-right: 20px;}
.contactinfo h5{ font-size:25px;}
.contactinfo h4{ font-size:20px;}
footer .inner .top ul li, footer .inner .top ul li:last-child, footer .inner .top ul li:first-child{ margin:0 2%; font-size:20px;}
footer .inner .services ul li, footer .inner .services ul li:last-child{ margin:0 2%; font-size:20px;}
div.search {
  width: 30%;
  margin-bottom: 10px;
}
.home .comman-div .product .widget{ width:50%;}
.home .comman-div .product .widget .widget_sp_image-description{ font-size:22px;}

.cof-in {
  margin:150px auto 0;
}
.cof{ padding:50px 0 80px 0;}

.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon{ width: 100%; margin-bottom: 20px; float: right;}
.woocommerce #content table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .button{ float: none!important; }
.woocommerce-cart table.cart td.actions .coupon .input-text{ float: none;}

}

@media screen and (max-width:768px){

.woocommerce .products-right ul.products li.product, .woocommerce-page .products-right ul.products li.product{
	width: 48%!important;
	margin: 0 0 2% !important;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 100% !important;
}
.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;
}

}

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

.navigation{ display:none;}
.welcomecontent h1{ font-size:21px;}
footer .inner .top ul li, footer .inner .top ul li:last-child, footer .inner .top ul li:first-child{ font-size:18px;}
footer .inner .services ul li, footer .inner .services ul li:last-child{ font-size:18px;}
.navigation-outer{ padding:10px 0;}
div.search{ margin-top:40px; float:left; margin-bottom: 0; width: 100%}
.products-left {
    margin-right: 0;
    width: 100%;
}
.products-right {
    margin-top: 20px;
    width: 100%;
}
.contactus-left {
    text-align: center;
    width: 100%;
}
.contactus-right{ width: 100%;}
.get-quote-section .left_label{ padding-bottom: 10px; width: 100%;}
.get-quote-section .right_input{ width: 100%;}

}

@media screen and (max-width:639px){

.logo{ width:55%;}
.contactinfo{ width:45%;}
.home .comman-div .product .widget{ width:50%;}
.copyright .mof{ width:100%; text-align:center; padding-bottom:10px;}
.copyright .designby{ width:100%; text-align:center;}

footer .inner .top{ width:50%; margin:0px; padding:0; box-sizing:border-box;}
footer .inner .services{ width:50%; margin:0px;}
footer .inner .top ul li{float:left; margin-bottom:10px !important;}
footer .inner .services ul li{float:left; margin-bottom:10px !important; width:100%; text-align:left;}
.contactinfo h5 span{ font-size:11px;}
.contactinfo h5{ font-size:21px;}
.contactinfo h4{ font-size:18px;}
.cof-in {
 margin:100px auto 0;
}
.home .comman-div .product .widget .widget_sp_image-description{ font-size:17px;}

/*Contact us*/
.leftpanel{ width:100%;}
.rightpanel{ width:100%;}


.woocommerce div.product form.cart .add_to_order_wrap .button {
    float: left;
    margin-bottom: 10px;
    margin-right: 0;
    text-align: center;
    width: 100% !important;
}

.woocommerce .cart .button, .woocommerce .cart input.button {
    float: left;
    margin-bottom: 10px;
    text-align: center;
    width: 100% !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.welcomecontent .contactus-left a {
    float: none;
}

}



@media screen and (max-width:479px){

footer .inner .top ul li span{ width:31px;}
footer .inner .top ul li, footer .inner .services ul li{ font-size:16px !important; margin-left:0px !important;  margin-right:0px !important; text-align: left;}
footer .inner .services ul li{ margin-left:0px; margin-right:0px;}
.cof-in{ width:96%;}
.subscribe .right{ width:auto;}
.logo{ width:100%; padding-right:0px; padding-bottom:10px;}
.contactinfo{ width:100%;}
.contactinfo h5, .contactinfo h4{ text-align:center; font-size:21px;}
.home .comman-div .product .widget{ width:100%;}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{ height: 30px; width: 30px;}

}

@media screen and (max-width:360px){

.cof-in{ width:96%;}
footer .inner .top, footer .inner .services{width:100%;}
footer .inner .top ul li{ width:100%; text-align:left;}
footer .inner .services{ padding-left:10px; box-sizing:border-box; margin-top:20px;}
.subscribe input[type="submit"]{ width: 32%;}
.subscribe .wysija-paragraph{ width: 60%;}
.woocommerce .products-right ul.products li.product, .woocommerce-page .products-right ul.products li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product { width: 100% !important;}
.woocommerce div.product form.cart .add_to_order_wrap .button {
    box-sizing: border-box;
    margin: 0 0 10px;
    width: 100% !important;
}

}

