@charset "UTF-8";
/* Responsive Layout */


@media only screen and (min-width:999px) and (max-width:1199px) {
.shop-head .shop-head-in{width:98.5%}
.woocommerce-tabs ul li{font-size:14px;}

}
@media only screen and (min-width: 768px) and (max-width:997px) {
#nav{margin-top:25px;}
#menu a{font-size:14px; padding:10px 14px 9px}
.grid-item .data-box{ padding:5% 20px 0}
.heading-pattern{margin-bottom:18px;}
.drugs-cloth{margin-right:0}
.parallax.banner{height:170px;}
.parallax.banner h1{padding-top:1.5em;}
.shop-head .shop-head-in{width:98%}
.product-listing .col-md-4.col-sm-6:nth-child(2n+1){ clear:left;}
.product-listing .col-md-4.col-sm-6:nth-child(2n){ clear:right;}
#signup-row .subscribe-detail form .subscribe-input{width:40%}
#signup-row .subscribe-detail form .subscribe-btn{width:25%}

.woocommerce table.shop_table td.actions .coupon{width:auto !important; float:left !important}
.woocommerce table.shop_table td.actions .coupon #coupon_code{width:120px; margin:0 10px 0 0; float:left;}
.woocommerce table.shop_table td.actions input.button{width:auto !important;}
.woocommerce .col2-set .col-1{width:48% !important; float:left !important} 
.woocommerce .col2-set .col-2{width:48% !important; float:right !important}
ul.liststyle li{ width:50%;}
#wpcf7-f2155-p57-o1{width:100%}
.woocommerce-tabs ul li{font-size:14px; padding:5px 10px}
}

@media only screen and (max-width:767px) {
#header .top{padding:5px 0; height:auto}
#header .top-left{height:auto; display:none;}
#header .top .social-icon{float:left; margin:0; width:100%; text-align:center}
#header .top .social-icon a{ float:none; display:inline-block; margin:0 2px;}
#header .top .phone{float:none; margin:5px auto; width:218px; }
#header .header-1 .logo{ width:100%; float:left; text-align:center}
#header .header-1 .logo img{display:inline;}
.left-col{ width:100%}
#nav {display:none;}
#mobileMenu {display:block;width:100%; position:relative; z-index:1000;float:left;margin-top:0px;}
#practices .listing .colum{min-height:inherit; padding-bottom:30px;}
#contant-box .left-col h2{font-size:18px;}
#contant-box .left-col p{/*text-align:justify;*/}
.parallax.banner{height:100px;}
.parallax.banner h1{padding-top:1em; font-size:26px;}
.grid-item{width:100%}
.grid-item.grid-item-width2{width:100%}
.grid-item .data-box{ padding:5% 20px 0}
.heading-pattern{margin:0 0 0px;}
.heading-pattern h2{font-size:20px; margin:0 0 10px;}
#contant-box .left-col{ width:100%}
#contant-box .right-col{ width:100%}
#latest-arriwals .item{width:100%}
.drugs-cloth{margin:0 auto; float:none}
#add-box .box-top .video img{width:100%}
#contant-box .left-col .heading-pattern{margin:0px 0 5px; background-position:left 0}
.rsOverflow{float:none !important; margin:0 auto}
.pagecontent .left-img{width:100%; margin:0 0 15px;}
.pagecontent .left-img img{width:100%}
/********************/

.shop-head .shop-head-in{width:97%}
.total-products{width:100%; margin:5px 0}
.product-perpage{width:100%}
.col-md-3.col-sm-4.pull-left{width:100%}
.categories{margin-bottom:15px;}
.categories-title h4{background:url(../images/menu-icon.png) no-repeat right 9px; cursor:pointer}
.categories ul.product-categories{display:none}
.product-content{margin:30px 0 0}
.product-box{max-width:390px; margin:0 auto; float:none}
#signup-row{padding:15px 0}
#signup-row label{width:100%; float:left; margin:0 0 5px;}
#signup-row .subscribe-detail{width:100%}
.follow-sec{width:100%; float:left; margin:10px 0 0}
.follow-sec ul li{margin:0 8px 0 0}
#signup-row .subscribe-detail form .subscribe-input{margin-left:0; width:60%;}
#signup-row .subscribe-detail form .subscribe-btn{ width:35%}
.social_box{min-height:10px;}
.woocommerce table.shop_table td.actions .coupon #coupon_code{width:100%; margin:0 0 5px;}
.woocommerce table.shop_table td.actions input.button{width:100% !important;}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width:100% !important}
ul.liststyle li{ width:100%;}
.contactform,
.contactdetail{ width:100%; float:left; margin:0 0 20px;}
.contactform h2,
.contactdetail h2{ font-size:16px;}
#wpcf7-f2155-p57-o1{width:100%}
.woocommerce-tabs ul li{font-size:11px; padding:5px; margin-right:2px;}
#footer .footer-top .right-col{float:left; margin:0 0 24px;}
#footer .footer-top .right-col .footer-nav{float:left;}
#footer .footer-top .right-col .footer-nav li a {padding:0 8px;}
}

@media only screen and (min-width:480px) and (max-width:767px) {
#header .top .social-icon{float:left; margin:5px 0 0}
#header .top .phone{float:right; margin:5px 0 0; width:auto; }
#header .header-1 .logo{ width:50%;}
#header .header-1 .search-box{width:45%; max-width:270px;}
#header .header-1 .search-box .searchbox{padding:7px 5px 6px; width:80%;}
.grid-item{width:50%}
.grid-item.grid-item-width2{width:100%}
.grid-item .data-box{padding:9% 60px 0}
#latest-arriwals .item{width:50%}
.shop-head .shop-head-in{width:97.5%}
.pagecontent .left-img{width:50%; margin:0 15px 15px 0}
.total-products{width:auto; margin:4px 0 0}
.product-perpage{width:auto}
.product-listing .col-md-4.col-sm-6{ width:50%; float:left;}
.product-listing .col-md-4.col-sm-6:nth-child(2n+1){ clear:left;}
.product-listing .col-md-4.col-sm-6:nth-child(2n){ clear:right;}

.woocommerce table.shop_table td.actions .coupon{width:auto !important; float:left !important}
.woocommerce table.shop_table td.actions .coupon #coupon_code{width:120px; margin:0 10px 0 0; float:left;}
.woocommerce table.shop_table td.actions input.button{width:auto !important;}
#wpcf7-f2155-p57-o1{width:90%}
.woocommerce-tabs ul li{font-size:13px; padding:5px 10px}
}