/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/


/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/



/*------------------------------------------------------------------- 767px x 599px ---------------------------------------------------------------------*/

@media only screen and (min-width: 599px) and (max-width: 767px) {
    .col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-left: 10%;
}


    .logo {
        text-align: center;
    }
    .cart-content-right {
        padding-bottom: 5px;
    }
    .mg {
        margin: 0px 0px;
    }
    .menu-area-main {
        height: 256px;
        overflow-y: auto;
    }
    .megamenu>.row [class*="col-"] {
        padding: 0px;
    }
    .menu-area-main .megamenu .men-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .women-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .el-cat {
        padding: 0px 15px;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        height: 19px;
    }
    .category-box.women-box {
        display: none;
    }
    .cart-box {
        display: inline-block;
        margin: 0px 30px;
    }
    .wish-box {
        float: none;
        margin: 0px 30px;
        display: inline-block;
    }
    .menu-add {
        display: none;
    }
    .category-box {
        display: none;
    }
    .mean-container .mean-nav ul li ol {
        padding: 0px;
    }
    .mean-container .mean-nav ul li a {
        padding: 10px 20px;
        width: 94.8%;
    }
    .mean-container .mean-nav ul li li a {
        width: 92%;
        padding: 1em 4%;
    }
    .mean-container .mean-nav ul li li li a {
        width: 100%;
    }
    .header-search {
        padding: 15px 0px;
    }
    #collapseFilter.d-md-block {
        padding: 30px 0px;
    }
    .about_img figure img {
        width: 0;
    }
}


/*------------------------------------------------------------------- 599px x 280px ---------------------------------------------------------------------*/

@media only screen and (min-width: 280px) and (max-width: 599px) {
    #myCarousel .carousel-indicators li{
        margin-bottom: 20px;
    }
    .title, .about {
        padding-left: 10%;
    }
    .container{
        padding-left: 0%;
    }
    
    .col-sm-12 {
        padding-left: 12%;
    padding-right: 0px;
    }
    .cart-content-right {
        padding-bottom: 5px;
    }
    .megamenu>.row [class*="col-"] {
        padding: 0px;
    }
    .menu-area-main .megamenu .men-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .women-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .el-cat {
        padding: 0px 15px;
    }
    .mean-container .mean-nav ul li a {
        padding: 1em 4%;
        width: 92%;
    }
    .mean-container .mean-nav ul li li a {
        width: 90%;
        padding: 1em 5%;
    }
    .mean-container .sub-full.megamenu-categories ol li a {
        padding: 5px 0px;
        text-transform: capitalize;
        width: 100%;
    }
    .megamenu .sub-full.megamenu-categories .women-box .banner-up-text a {
        width: auto;
        border: none;
        float: none;
    }
    .menu-area-main {
        height: 290px;
        overflow-y: auto;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        top: 0;
    }
}
@media (min-width: 1200px) and (max-width: 1500px) {
     .banner-main .carousel-caption span {font-size: 40px; line-height: 43px; padding-bottom: 10px;}
   .banner-main .carousel-caption h1 {font-size: 45px; padding-bottom: 20px; line-height: 32px;}
   .banner-main .carousel-caption p {font-size: 19px; padding: 5px 0px 17px 0px; line-height: 25px;}
    .banner-main .carousel-caption .buynow {width: 174px; padding: 7px 0px;}
  .main-menu ul > li a {    padding: 19px 12px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
    max-width: 980px;
}
    .main-menu ul > li a {padding: 19px 4px;}
  .location_icon_bottum_tt ul li {padding: 19px 32px;}
   .banner-main .carousel-caption span {font-size: 30px; line-height: 33px; padding-bottom: 10px;}
   .banner-main .carousel-caption h1 {font-size: 35px; padding-bottom: 10px; line-height: 22px;}
   .banner-main .carousel-caption p {font-size: 16px; padding: 5px 0px 17px 0px; line-height: 25px;}
    .banner-main .carousel-caption .buynow {width: 174px; padding: 7px 0;}
       .for_box_bg .for_box span {font-size: 40px; line-height: 46px;}
   .about .about_box h2 {font-size: 37px; line-height: 50px;}
 .location_icon_bottum {width: 94%; top: 15px;}


   .for_box_bg .for_box h3 {font-size: 25px;}
   .testomonial_img::after {background: inherit;}
   .offer .offer-bg .offer_box h3 {font-size: 27px;}
.cross_inner h3 {padding-bottom: 20px; padding-left: 20px; padding-top: 0px;}
    .address h3 {width: 176px; font-size: 22px;}
    ul.loca li {font-size: 13px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .logo {padding-top: 11px;}
   .location_icon_bottum {width: 88% !important;}
   .location_icon_bottum ul li {padding: 1px 8px;}
    .main-menu ul > li a {padding: 18px 0px; font-size: 15px;}
    .location_icon_bottum_tt ul li {padding: 27px 10px;}
    .search button {width: 70px;}
     .last {display: none !important;}
  .banner-main .carousel-item img {height: 500px;}
    .banner-main .carousel-caption h1 {font-size: 36px; padding-top: 30px; }
     .banner-main .carousel-caption span {font-size: 30px; line-height: 19px; padding-bottom: 0px;}
.banner-main .carousel-caption h1 {font-size: 35px;  padding-top: 15px; line-height: 40px;}
.banner-main .carousel-caption p  {font-size: 17px; padding: 10px 0px 20px 0px;}
.banner-main .carousel-caption .buynow {width: 149px; padding: 7px 0;}
.about .about_box h2 {font-size: 26px; line-height: 33px;}
.MVV h3 {font-size: 35px; line-height: 40px;}
.MVV p {font-size: 19px; line-height: 25px;}
.offer .offer-bg .offer_box h3 {font-size: 20px;}
ul.social_icon {display: none !important;}
.testomonial_img::after {background: inherit;}
.cross_inner h3 {padding-bottom: 20px; padding-left: 20px; padding-top: 0px;}

   
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }
  }
  
  /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
  }
@media (max-width: 767.5px){
    .about_img {
        height:  0px;
        width: 0px;
    }
.location_icon_bottum {
    z-index: auto;
    background:transparent;
   }
}
@media (min-width: 576px) and (max-width: 767px) {
    
.MVV h3 {font-size: 35px; line-height: 40px;}
.MVV p {font-size: 19px; line-height: 25px;}
    .about_img {
        height:  0px;
        width: 0px;
   }
    .location_icon_bottum::before {display: none;}
    .location_icon_bottum {width: 87% !important; margin-left: 100px; background: transparent; top: 10px;}
    .last {display: none;}
   .search {display: none;}
    .logo {padding-top: 0px; text-align: center; float: inherit;}
    .location_icon_bottum_tt {display: none;}

    .mean-container .mean-bar {margin-left: -125px; margin-right: 0px}
    .banner-main .carousel-item img {height: 426px;}
    .banner-main .carousel-caption span {font-size: 25px; line-height: 19px;}
.banner-main .carousel-caption h1 {font-size: 30px; line-height: 40px;}
.banner-main .carousel-caption p  {font-size: 14px; line-height: 22px; padding: 6px 0px 16px 0px;}
.banner-main .carousel-caption .buynow {width: 149px; padding: 7px 0;}
.titlepage h2 {font-size: 42px; }
.about .about_box_ { margin-bottom: 30px; }
.margin_ttt {margin-top: 30px;}
.margin-lkk {margin-top: 30px;}
.read-more {margin-top: 50px;}
.testomonial_img::after {background: inherit;}
.cross_inner h3 {padding-bottom: 20px; padding-left: 20px; padding-top: 0px;}
.about {background: inherit;}
.mrgn {margin-top: 0px;}
    .img-box {display: none;}
    ul.link li { padding: 8px 8px;}
    .testomonial_section {padding: 0px;}
.cross_inner {transform: inherit;}
.cross_layout {transform: inherit;}
.testimonial_cont {padding-left: 10px; padding-right: 10px;}

.MVV h3 {font-size: 35px; line-height: 40px;}
.MVV p {font-size: 19px; line-height: 25px; padding: 0 0 0 0;}
.MVV b{font-size: 22px;}
}


@media (max-width: 575px) {
    
    .product .product_box figure h3 {
        font-size: 20px;
    }
    .about_img {
         height:  0px;
         width: 0px;
    }
 .location_icon_bottum::before {display: none;}
    .location_icon_bottum {width: 91% !important;

margin-left: 13px;

background: transparent;

}
   .ggg {display:  none;}
    .header { padding-bottom: 0; padding-top: 0px;}
    .last {display: none;}
    .img-box {display: none;} 
    .search {display: none;}
.location_icon_bottum_tt {display: none;}
.logo {float: inherit; padding-bottom: 15px; text-align: center; margin-top: -16px;}
#myCarousel a.carousel-control-prev {width: 45px; height: 45px;}
#myCarousel a.carousel-control-next {width: 45px; height: 45px;}
.banner-main .carousel-item img {height: 339px;}
.banner-main .carousel-caption span {font-size: 22px; line-height: 19px;}
.banner-main .carousel-caption h1 {font-size: 42px; line-height: 40px;}
.banner-main .carousel-caption p  {display: none;}
.banner-main .carousel-caption .buynow {
width: 98px;
padding: 7px 0;
font-size: 13px;
margin-right: 9px;
}
.about .about_box h2 {line-height: 40px; font-size: 28px;   }
.title h2  {font-size: 30px;}
.about .about_box span {font-size: 33px; line-height: 53px;}
.mrgn {margin-top: 30px;}
.footer .headinga span {font-size: 16px;}

.read-more {margin-top: 50px;}
.testimonial_cont p {padding: 40px 20px;}
 .testomonial_img::after {background: inherit;}
   .offer .offer-bg .offer_box h3 {font-size: 27px;}
.about .about_box_ { margin-bottom: 30px; }
.about .about_box_ span {font-size: 33px; line-height: 53px;}
.about {background: inherit;}
.testomonial_section {padding: 0px;}
.cross_inner {transform: inherit;}
.cross_layout {transform: inherit;}
.testimonial_cont {padding-left: 10px; padding-right: 10px;}

.for_box_bg .for_box {margin-bottom: 30px;}
.offer .offer-bg .offer_box h3 {font-size: 25px;}
.margin_ttt {margin-top: 30px;}
.margin-lkk {margin-top: 30px;}
.main_form {padding: 60px 12px; margin-right: 15px;}
ul.link li {padding: 8px 9px; padding-bottom: 0px; }

.MVV h3 {font-size: 35px; line-height: 40px;}
.MVV p {font-size: 19px; line-height: 25px; padding: 0 0 0 0;}
.MVV b{font-size: 22px;}
}

@media (max-width: 1100px) {
.banner-main .carousel-caption img{
    height: auto;
        width: 70px;
        margin: 0px;
}

}
    @media (max-width: 750px) {
        .banner-main .carousel-caption img{
            height: auto;
                    width: 40px;
                    margin: 0px;
        }
            }
            @media (max-width: 1000px) {
            .topnav a, .topnav a.active{
                font-size: 19px;
                }
            }