@media(min-width:1301px) and (max-width:1500px) {
    .personal-health-info ul li a h3{font-size: 20px;}
    }
    @media(min-width:1200px) and (max-width:1300px) {
    .personal-health-info ul li a p{font-size: 18px;}
    .personal-health-warp{margin: 10px 0;}
    .school-block{padding: 30px 0;}
    }
    @media(min-width:993px) and (max-width:1199px) {
    .carousel-control span {width: 40px; height: 40px; line-height: 42px; font-size: 22px;}
    .categories-title h2 {font-size: 40px;line-height: 50px;}
    .categories-title {padding: 20px 0;}
    .categories-sec h3 {font-size: 16px;}
    }
    @media(min-width:993px) and (max-width:1199px) {
    .featured-warp h2{font-size: 30px; padding: 10px 0 10px;}
    .featured-warp{padding: 0 0 10px;}
    .school-block{padding: 10px 0;}
    .personal-health-warp{margin: 10px 0;}
    .personal-health-info ul li{width: 25%;}
    .personal-health-info ul li a h3{font-size: 15px;}
    .categories-sec h3{font-size: 16px;}
    .carousel-control {width: 2%;}
    .bg-shade p {padding: 0;}
    .clothing-block h2 {font-size: 40px;}
    .clothing-block .shop-btn {padding: 5px 30px; margin: 20px 0 30px;font-size: 24px;}
    .clothing-block h2, .personal-health-warp h2{font-size: 40px;}
    .clothing-block .shop-btn, .personal-health-warp .shop-btn{font-size: 20px; margin: 20px 0;}
    .clothing-block h3, featured-warp a h3{font-size: 18px;}
    }
    @media(min-width:768px) and (max-width:992px) {
    .shop-department-warp a {margin-bottom: 20px;}
    .shop-department-warp .col-sm-3 {width: 25%;}
    .featured-warp a h3{font-size: 13px;}
    .featured-warp{padding:0px;}
    .featured-warp h2{padding: 7px 0px 10px; font-size: 26px;}
    .school-block{padding: 10px 0;}
    .personal-health-warp{margin: 10px 0;}
    .personal-health-info ul li{width: 25%; margin-bottom: 20px;}
    .personal-health-info ul li a h3{font-size: 15px;}
    .categories-title h2 {font-size: 33px;line-height: 50px;}
    .categories-title {padding: 20px 0;}
    .categories-sec a {margin-bottom: 15px;}
    .categories-sec h3 {font-size: 14px; height: 30px;}
    .bg-shade {padding: 10px 0;}
    .bg-shade h2 { margin-bottom: 1em; font-size: 2.1em;}
    .bg-shade h3 , .more-info h3{font-size: 18px;}
    .bg-shade p{font-size: 14px; padding:0px;}
    .fa-stack {border: 8px solid #ccc; line-height: 94px;font-size: 4em;}
    .carousel-control span {width: 30px; height: 30px; line-height: 35px;font-size: 24px;}
    .clothing-block h2, .personal-health-warp h2{font-size: 40px;}
    .clothing-block .shop-btn, .personal-health-warp .shop-btn{font-size: 20px; margin: 20px 0;}
    .clothing-block h3{font-size: 18px;}
    .more_content_warp h2{padding: 20px 0; font-size: 33px;}
    }
    @media(max-width:767px) {
    .container{clear: both;}
    .mobile-padding {padding: 0px;}
    .featured-warp{padding:0px;}
    .featured-warp h2{font-size: 30px; padding: 20px 0px 15px; margin:0px; font-weight: 700;}
    .featured-warp a{display: block; margin-bottom: 20px;}
    .featured-warp a h3{font-size: 20px;}
    .school-block {padding: 10px 0px;}
    .school-block a{margin-bottom: 30px; display: block;}
    .personal-health-warp{margin: 20px 0; padding: 20px 15px;}
    .personal-health-info ul li a h3{font-size: 15px; padding: 15px 0;}
    .personal-health-info ul li{margin-bottom: 15px; width:50%;}
    .personal-health-info ul li a img{margin: 0px auto;}
    .carousel-control { width: 2%;}
    .clothing-block h2, .personal-health-warp h2 {font-size: 30px; margin-top: 0;}
    .categories-title h2{line-height: 50px;font-size: 30px;}
    .clothing-block .shop-btn, .personal-health-warp .shop-btn {font-size: 21px; margin: 8px 0 20px; padding: 5px 30px}
    .clothing-block h3 {font-size: 18px; padding: 5px 0 15px;}
    .categories-title {padding: 20px 0;}
    .categories-sec h3{font-size: 16px;}
    .bg-shade h2 {margin-bottom: 1em;font-size: 2em;}
    .bg-shade {padding: 5px 0;}
    .bg-shade h3, .more-info h3{font-size: 18px;}
    .bg-shade p{font-size: 14px;}
    .carousel-control span {width: 40px; height: 40px; line-height: 42px;}
    .categories-sec li {width: 33.3333%; padding: 0 10px;}
    .happing-more a {display: block; margin-bottom: 20px;}
    .school-block {padding: 10px 0;}
    .seo-short-block p, .more-info p a{font-size: 13px;}
    .more_content_warp h2{font-size: 24px; padding: 20px 0;}
    .more-info{margin-bottom:15px;}
    }
    @media(max-width:510px) {
    .featured-warp .col-xs-6 {width: 100%;}
    }
    @media(max-width:400px) {
    .col-xs-4{width:50%;}
    .col-xs-6{width:100%;}
    .personal-health-info ul li{width: 100%; margin-bottom: 15px;}
    .personal-health-info ul li a h3{padding: 15px 10px; font-size: 18px;}
    .categories-sec h3 {height: 46px; line-height: 15px; font-size: 13px;}
    }
    @media(max-width:350px) {
    .categories-title h2 {font-size: 26px; line-height: 31px;}
    .categories-sec h3{font-size: 15px;}
    }