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

/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/
@media only screen and (min-width:768px) and (max-width:991px) {
    .main-menu ul>li a { padding: 20px 20px 20px; }
    .header-search { padding: 15px 0px; }
}

/*------------------------------------------------------------------- 767px x 599px ---------------------------------------------------------------------*/
@media only screen and (min-width:599px) and (max-width:767px) {
    .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; }
}

/*------------------------------------------------------------------- 599px x 280px ---------------------------------------------------------------------*/
@media only screen and (min-width:280px) and (max-width:599px) {
    .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 { background: transparent; }
}
@media (min-width:992px) and (max-width:1199px) {
    .main-menu ul>li a { padding: 26px 20px 0 20px; }
    .full-slider_cont h1 { font-size: 51px; line-height: 61px; }
    .mean-last { display: none !important; }
    .about .about-box h3 { font-size: 30px; line-height: 30px; }
    .banner-main .carousel-caption { background: transparent; }
    .relative { position: absolute; top: 44%; transform: translateY(-50%); bottom: 0; padding: 0; }
    .banner-main .carousel-caption h1 { padding-top: 0px; font-size: 36px; line-height: 43px; }
    .footer .address h3 { font-size: 20px; }
    ul.contant_icon li { padding-right: 5px; }
    ul.socil_link li { padding-right: 20%; }
    ul.contant_icon li img { width: 26px; height: 26px; }
    .choose_bg .white_bg .for_box h3 { font-size: 22px; }
    .choose_bg .white_bg .for_box p { font-size: 16px; }
    .product-bg .product-bg-white .product-box h3 { font-size: 13px; }
    .yellow_bg .yellow-box a { margin-left: 0px; }
    .contact h3 { font-size: 24px; }
}
@media (min-width:768px) and (max-width:991px) {
    .main-menu ul>li a { padding: 13px 12px 0 12px; }
    .full-slider_cont h1 { font-size: 40px; line-height: 50px; }
    .buy { display: none; }
    .banner-main .carousel-caption { background: transparent; }
    .relative { position: absolute; top: 50%; transform: translateY(-50%); padding: 0; border: 0 aliceblue; bottom: 0; }
    .banner-main .carousel-caption h1 { color: #020000; font-size: 32px; line-height: 37px; padding-top: 0px; }
    .banner-main .carousel-caption p { font-size: 15px; padding: 1px 0px 1px 0px; }
    .banner-main .carousel-caption a { width: 182px; padding: 8px 0; }
    .main_bt { margin-right: 15px; padding: 10px 41px 10px 41px; }
    .title h2 { font-size: 47px; }
    .title span { font-size: 21px; }
    .service .service-box h3 { font-size: 17px; }
    .yellow_bg .yellow-box a { margin-left: 0px; padding: 16px 39px; }
    ul.socil_link li { padding-right: 15%; }
    .footer .newsletter .subscribe { padding: 21px 0; width: 113px; }
    .address { margin-bottom: 30px; }
}
@media (min-width:576px) and (max-width:767px) {
    .mean-container .mean-bar { margin-top: 0px; }
    .relative { position: absolute; top: 39%; transform: translateY(-50%); padding: 0; bottom: 0; }
    .banner-main .carousel-caption { background: transparent; }
    .banner-main .carousel-caption h1 { font-size: 45px; line-height: 50px; color: #020000; padding-top: 0px; }
    .banner-main .carousel-caption p { font-size: 17px; padding: 0px 0px 0px 0px; }
    .head_top { display: none; }
    .buy { display: none; }
    .choose_bg .white_bg .for_box { margin-bottom: 30px; }
    .read-more { margin-top: 10px; }
    .address { margin-bottom: 30px; }
    ul.contant_icon { margin-bottom: 20px; }
}
@media (min-width:992px) {
    .navbar-expand-lg .navbar-nav .nav-item{ padding: 0; }
    .navbar-expand-lg .navbar-nav .nav-item .nav-link { padding: 5px; font-size: 16px; font-weight: 500; margin: 0 20px; }
    .navbar-expand-lg .navbar-nav .nav-item.active .nav-link{ color: #c4822f; }
}
@media (max-width:991px) {
    .header-contact-button{ display: none; }
    .header{ margin: 15px 0 40px 0; }
    .navbar-collapse { position: absolute; z-index: 2; left: 15px; right: 15px; background: #fff; padding: 0; top: 50px; }
    .navbar-nav .nav-link{ text-align: center; border-bottom: solid 1px #e1e1e1; }
    .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover{ color: #fff; }
}
@media (max-width:767px) {
    .footer{ padding: 25px 0 0 0; }
    .footer-top-text{ margin-bottom: 30px; padding-bottom: 30px; }
    .footer h3{ margin-top: 20px; }
}
@media (max-width:600px) {
    .footer-top-text{ display: block; }
    .footer-top-text h2{ margin-bottom: 30px; font-size: 40px; }
}
@media (max-width:575px) {
    .header { padding-bottom: 0px; }
    .logo { text-align: center !important; float: inherit; }
    #main_slider .carousel-control-prev, #main_slider .carousel-control-next { width: 25px; height: 20px; bottom: auto !important; top: 0 !important; padding: 0 !important; border: none; background: none; }
    #main_slider .carousel-control-prev img, #main_slider .carousel-control-next img{ max-width: 25px; }
    #main_slider a.carousel-control-prev{ margin-right: -40px; margin-left: auto; }
    .relative { position: absolute; top: 37%; background: transparent; transform: translateY(-50%); padding: 0; bottom: 0; }
    .banner-main .carousel-caption h1 { font-size: 40px; line-height: 50px; margin-bottom: 1px; }
    .banner-main .carousel-caption p { font-size: 17px; padding: 7px 0px 20px 0px; display: none; }
    .banner-main .carousel-caption a { margin-top: 0px; }
    .mean-container .mean-bar { margin-top: 0; }
    .mean-last { display: none; }
    .head_top { display: none; }
    .buy { display: none; }
    .main_bt { padding: 5px 24px 5px 24px; margin-right: 10px; }
    .title h2 { font-size: 34px; line-height: 47px; }
    .title span { font-size: 21px; }
    .choose_bg .white_bg .for_box { margin-bottom: 30px; }
    .read-more { margin-top: 10px; }
    .product .title h2 { font-size: 40px; }
    .product .title span { font-size: 21px; }
    .Clients_bg_white .title h3 { font-size: 31px; line-height: 37px; }
    .yellow_bg .yellow-box h3 { font-size: 20px; }
    .yellow_bg .yellow-box i { display: inline-block; }
    .read-more a { width: 192px; padding: 12px 0px; font-size: 16px; }
    .yellow_bg .yellow-box a { font-size: 21px; line-height: 25px; padding: 16px 55px; margin-left: 0px; }
    .address { margin-bottom: 30px; }
    .copyright p { font-size: 16px; padding: 0 15px; }
    .footer .newsletter .subscribe { width: 120px; padding: 21px 0; }
    ul.contant_icon { margin-bottom: 20px; }
}


@media (max-width:1050px) {
    .main-slider-text{ font-size: 50px; margin-bottom: -65px; }
}
@media (min-width:992px) {
    .contact-us-sections{ justify-content: space-between; }
    .contact-us-sections > div{ min-width: 44%; }
}
@media (max-width:991px) {
    .portfolio-text h1{ margin: 20px 0 0 0; }
    .intrest-get-in-touch .intrest-div p { top: 130px; left: 100px; font-size: 40px; }
    .intrest-get-in-touch .get-in-div{ max-width: 350px; }
}
@media (max-width:800px) {
    #main_slider a.carousel-control-prev{ display: none !important; }
    #main_slider a.carousel-control-next{ display: none !important; }
    .main-slider-text{ font-size: 28px; margin-bottom: -35px; }
    .lets-get-started .lines-circle{ display: none; }
}
@media (max-width:600px) {
    .brands-section{ margin: 50px 0; }
    .brands-section h3{ margin-bottom: 20px; position: relative; }
    .better-lifestyle h2 { font-size: 28px; line-height: 40px; margin-bottom: 20px; }
    .better-lifestyle p { font-size: 16px; line-height: 24px; margin: 0; }
    .better-lifestyle .primary-btn-design{ margin: 20px 0; }
    .about-section{ margin: 40px 0; }
    .about-section h2 { font-size: 24px; line-height: 40px; margin: 20px 0; }
    .about-section p { font-size: 16px; line-height: 24px; margin: 0; }
    .lets-get-started-text{ margin-top: 0; }
    .lets-get-started-text ul{ gap: 30px; }
    .services-section{ padding: 50px 0 0 0; }
    .services-section h2 { font-size: 28px; line-height: 40px; text-align: center; margin-bottom: 20px; }
    .portfolio-section{ padding: 0; }
    .portfolio-section h2 { font-size: 28px; line-height: 40px; text-align: center; margin-bottom: 50px; }
    .portfolio-section-content{ left: 15px; right: 15px; bottom: 15px; padding: 15px; }
    .portfolio-section-content h3{ font-size: 18px; padding-bottom: 0; }
    .portfolio-section-content h3 span{ font-size: 18px; }
    .portfolio-section-content p{ font-size: 14px; }
    .Clients_bg_white{ padding: 50px 0; }
    .Clients_bg_white h2 { font-size: 28px; line-height: 40px; text-align: center; margin-bottom: 20px; }
    #client_slider .carousel-inner{ background: #e2dbd4; padding: 20px 10px 10px 10px; }
    .get-in-touch { font-size: 28px; line-height: 40px; margin-bottom: 0; padding: 0; }
    .contact-para{ font-size: 16px; line-height: 24px; margin: 0; }
    .portfolio-text h1 { font-size: 28px; line-height: 40px; margin-bottom: 0px; padding-bottom: 0 }
    .portfolio-text p { font-size: 16px; line-height: 24px; margin: 15px 0 0 0; }
    .service-detail-page-second-section { font-size: 28px; line-height: 40px; margin-bottom: 0px; padding-bottom: 0; margin-top: 0; }
    .service-detail-page-second-section-para { font-size: 16px; line-height: 24px; margin: 15px 0 0 0 !important; }
    .down-image img{ margin-top: 0 !important; }
    .portfolio-images{ margin: 50px 0; }
    .img3, .img4{ margin-top: 30px; }
    .service-detail-page-hero-section { font-size: 28px; line-height: 40px; margin-bottom: 0px; padding-bottom: 0 }
    .service-detail-page-hero-section-2 { font-size: 16px; line-height: 24px; margin: 15px 0 0 0; }
    .second-hero{ margin-top: 40px; }
    .down-image img{ margin-top: 40px; text-align: center; }
    .third-section-two{ margin-top: 40px; text-align: center; }
    .third-section-one{ margin-top: 40px; }
    .third-section-one p{ width: auto;  font-size: 16px; line-height: 24px; margin: 15px 0 0 0;  }
    .intrest-get-in-touch{ margin: 50px auto; align-items: start; }
    .intrest-get-in-touch .get-in-div{ min-width: 250px; width: 250px; left: auto; top: auto; }
    .intrest-get-in-touch .intrest-div{ width: 150px; min-width: 150px; margin-left: 50px; }
    .intrest-get-in-touch .intrest-div p{ font-size: 14px; left: 40px; top: 60px; width: 90px; line-height: 18px; }
    .intrest-get-in-touch .get-in-div { width: 250px; min-width: 250px; left: -60px; margin-top: 110px; padding: 20px; }
    .intrest-get-in-touch .get-in-div h2{ font-size: 20px; }
    .intrest-get-in-touch .get-in-div p { font-size: 14px; line-height: 22px; margin: 20px 0; }
    .desktop-query-css{ display: none; }
    .mobile-query-css{ display: block !important; margin: auto; }
    .mobile-button-center{ text-align: center; margin-bottom: 20px; }
    .brands-section h3:after { content: ""; height: 4px; position: absolute; background: #fff7f0; width: calc(100% - 100px); bottom: -4px; right: 0; }
    .primary-btn-design{ padding: 2px; padding-left: 20px; font-size: 14px; }
    .primary-btn-design span{ padding: 4px 13px; margin: 3px; margin-left: 15px; }
    .Clients_bg_white h2 span{ display: block; }
}
@media (max-width:500px) {
    .lets-get-started-text ul{ display: block !important; }
    .lets-get-started-text ul li{ margin: 30px 0; }
    .lets-get-started-text ul li div{ justify-content: center; }
    .lets-get-started-text-1{ min-width: 105px; }
    .lets-get-started-text-2{ min-width: 105px; }
}