@charset "utf-8";
@media (min-width:1500px) and (max-width:1600px) {
    .banner-text h2 {
        font-size:55px
    }
    .susta-no {
        font-size: 70px
    }
    .susta-cont h5 {
        font-size: 22px
    }
}

@media only screen and (max-width:1399px) {
    .susta-cont h5 {
        font-size: 18px;
        min-height: 25px
    }
    .banner-text h2,
    .susta-no {
        font-size: 44px
    }
    .taitel-box h1,
    .taitel-box h2 {
        font-size: 40px
    }
    .kids-text h4,
    .pro-cont h5,
    .tabs-kids li a {
        font-size: 18px
    }
    .tow-sec h3 {
        font-size: 30px;
        margin-bottom: 15px
    }
    .tb-cont h3,
    .tb-cont h6,
    .tow-sec h6 {
        margin-bottom: 10px
    }
    .tow-sec h6 {
        font-size: 16px
    }
    .certificate-box {
        width: 160px;
        height: 160px;
    }
    .cert-icon {
        width: 50px;
        height: 50px;
    }
    .our-clien h2 {
        font-size: 30px
    }
    .woman-tailer-lf,
    .woman-tailer-rt {
        padding: 0
    }
    .tailer-box {
        padding: 30px 15px
    }
    .woman-medium-shot {
        right: 0;
        bottom: 100px;
    }
    .woman-happy-lady {
        left: 0;
        bottom: 130px;
    }
    .woman-tailor-img {
        top: 90px;
        left: 0;
        width: 237px;
    }
    .tb-cont h3 {
        font-size: 40px
    }
    .tb-cont h6 {
        font-size: 18px
    }
    .nav-manu li {
        padding-left: 30px
    }
    .susta-cont {
        padding-top: 15px
    }
    .hed-rt a {
        margin-left: 10px
    }
    .beach-tow-sec,
    .sustainable-sec {
        padding: 70px 0
    }
    .ft-product {
        padding: 70px 0 40px
    }
    .susta-wrap {
        padding-top: 30px
    }
    .product-box {
        margin-top: 15px;
      }
}

@media only screen and (max-width:1199px) {
    .head-ser input {
        font-size: 16px;
        padding: 10px 10px 10px 50px;
        background-size: 20px
    }
    .head-ser {
        width: 223px
    }
    .header-sec {
        padding: 10px 0
    }
    .black-btn,
    .top-bt {
        font-size: 14px;
        padding: 10px 20px
    }
    .hed-rt a {
        margin-left: 15px
    }
    .head-nav {
        padding-top: 15px
    }
    .nav-manu li {
        padding-left: 20px
    }
    .nav-manu li a {
        font-size: 16px
    }
    .white-btn {
        font-size: 13px;
        padding: 10px 20px
    }
 
    .head-ser::before {
        left: 35px;
        top: 50%;
        height: 60%;
        transform: translateY(-50%)
    }
    .banner-text h4,
    .ploneer-cont h6 {
        font-size: 20px
    }
    .banner-text h2 {
        font-size: 40px
    }
    .banner-text h5 {
        font-size: 18px
    }
    .beach-tow-sec,
    .certificate-sec,
    .ft-product,
    .holesale-Kids-sec,
    .ploneering-sec,
    .sustainable-sec {
        padding: 70px 0
    }
    .taitel-box h1,
    .taitel-box h2 {
        font-size: 36px;
        margin-bottom: 10px
    }
    .taitel-box {
        padding-bottom: 15px
    }
    .product-box {
        margin-top: 20px
    }
    .bath-cont {
        left: 40px;
        width: 100%
    }
    .ho-cont {
        right: 0;
        width: 100%;
        padding: 0 15px
    }
    .tb-sec {
        padding: 70px 0 0
    }
    .tb-cont h3 {
        font-size: 30px;
        margin-bottom: 10px
    }
    .baech-cont h4,
    .tab-manu li a {
        font-size: 22px
    }
    .tb-cont.rt {
        right: 0
    }
    .tb-cont {
        left: 0;
        padding: 90px 15px
    }
    .tab-manu li a {
        padding: 0 20px
    }
    .beach-box {
        margin-top: 25px
    }
    .sustainable-sec h2 {
        font-size: 40px;
        margin-bottom: 15px
    }
    .susta-box {
        padding: 40px 15px 15px;
        width: 31%;
        margin-top: 20px
    }
    .susta-cont h5 {
        font-size: 21px;
        min-height: auto
    }
    .ploneer-cont h3 {
        font-size: 38px;
        margin-bottom: 10px
    }
    .cert-cont p,
    .foot-box h6 {
        font-size: 17px
    }
    .tabs-kids li a {
        font-size: 14px;
        padding: 10px 12px
    }
    .tabs-kids {
        padding-right: 15px
    }
    .woman-tailor-img {
        width: 354px;
        position: static
    }
    .woman-happy-lady {
        position: static;
        width: 280px;
        margin-top: 20px
    }
    .woman-medium-shot {
        bottom: inherit;
        width: 250px;
        top: 158px
    }
    .certificate-box {
        width: 210px;
        height: 210px
    }
    .woman-tailer .row {
        align-items: center
    }
    .cert-cont {
        padding-top: 10px
    }
    .ourlogo-sec {
        padding: 0 0 70px
    }
    .top-foot {
        padding: 70px 0 50px
    }
    .butt-foot .white-btn {
        padding: 14px 18px
    }
    .foot-box h6 {
        padding-bottom: 10px;
        margin-bottom: 20px
    }
    .bt-foot {
        padding: 20px 0
    }
    .susta-wrap {
        padding-top: 35px
    }
    .susta-cont h5 {
        margin-bottom: 10px
    }
    .loc-man-box {  width: 23%;}
    .loc-man-box img {
        height: 250px;
      }

}

@media only screen and (max-width:991px) {
    .hede-main {
        flex-direction: column-reverse;
        align-items: start;
        padding: 10px 0
    }
    .head-nav,
    .holesale-Kids-sec .col-md-6,
    .woman-tailor-img img {
        width: 100%
    }
    .top-head {
        justify-content: space-between
    }
    .logo {
        width: 100px
    }
    .btn-close.btn-close-white {
        position: absolute;
        top: 15px;
        right: 15px
    }
    .nav-top .offcanvas.offcanvas-end {
        width: 250px;
        background: #000
    }
    .nav-manu li a {
        color: #fff
    }
    .nav-manu li {
        padding-left: 0;
        margin-bottom: 8px
    }
    .header-sec {
        padding: 0
    }
    .beach-tow-sec,
    .certificate-sec,
    .ft-product,
    .ploneering-sec,
    .sustainable-sec {
        padding: 50px 0
    }
    .ploneer-cont h3,
    .taitel-box h1,
    .taitel-box h2 {
        font-size: 32px;
        margin-bottom: 10px
    }
    .baech-cont h4,
    .banner-text h4,
    .kids-text h4,
    .pro-cont h5,
    .tab-manu li a,
    .taitel-box h6 {
        font-size: 18px
    }
    .taitel-box {
        padding-bottom: 10px
    }
    .pro-cont,
    .susta-wrap {
        padding-top: 20px
    }
    .banner-text h2 {
        font-size: 36px
    }
    .banner-text h5 {
        margin-bottom: 15px
    }
    .beth-left,
    .ho-tow {
        width: 50%
    }
    .bath-cont {
        padding: 0 20px;
        left: 0
    }
    .tow-sec h3 {
        font-size: 26px;
        margin-bottom: 12px
    }
    .tb-sec {
        padding: 50px 0 0
    }
    .tb-cont h3 {
        font-size: 26px;
        margin-bottom: 10px
    }
    .tb-cont h6 {
        font-size: 16px;
        margin-bottom: 10px
    }
    .tab-manu li a {
        padding: 8px 15px;
        color: #fff;
    }
    .tb-box {
        padding: 0 0 15px
    }
    .sustainable-sec h2 {
        font-size: 34px;
        margin-bottom: 10px
    }
    .susta-no {
        font-size: 40px
    }
    .susta-cont p {
        min-height: 75px
    }
    .ploneer-cont h6 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .holesale-Kids-sec {
        padding: 50px 0;
        text-align: center
    }
    .tabs-kids li a {
        font-size: 15px
    }
    .woman-tailor-img {
        width: 70%;
        position: static
    }
    .woman-medium-shot {
        bottom: inherit;
        width: 35%;
        top: 120px
    }
    .woman-happy-lady {
        position: static;
        width: 60%;
        margin-top: 20px;
        margin-left: 50px
    }
    .woman-tailer-pic {
        margin-bottom: 20px
    }
    .our-clien {
        padding-bottom: 20px;
        border: inherit;
        justify-content: center
    }
    .ourlogo-sec,
    .towels-manufacturer {
        padding: 0 0 50px
    }
    .top-foot {
        padding: 50px 0 30px
    }
    .foot-add {
        padding: 15px 0 0
    }
    .sosal-icon {
        padding-bottom: 15px
    }
    .foot-box li {
        margin-bottom: 7px;
        line-height: normal
    }
    .marquee-box li a {
        font-size: 16px
    }
    .our-clien.certi {
        border-left: inherit;
        padding: 0 0 25px;
        justify-content: center;
        justify-content: center;
        text-align: center
    }
    .head-ser {
        width: 160px
    }
    .woman-tailer h2 {
        font-size: 28px;
        margin-bottom: 9px
    }
    .tabs-kids-box {
        justify-content: center
    }
    .head-nav {
        padding-top: 0
    }
    .inner-ban-tx h1 {
        margin: 30px 0 0;
    }
    .loc-man-box {  width: 48%;}
    .loc-man-box img {
        height: 300px;
      }
}

@media only screen and (max-width:767px) {
    .beth-left,
    .tb-pic,
    .tb-rt-pic {
        margin-bottom: 20px
    }
    #datafetches .post-item,
    .foot-form .form-group input,
    .foot-form .form-group select,
    .foot-form .form-group textarea,
    .ploneer-cont h3 {
        margin-bottom: 10px
    }
    .banner-text,
    .container {
        max-width: 100%
    }
    .head-ser {
        width: 151px
    }
    .bt-foot p,
    .marquee-box li a {
        font-size: 14px
    }
    .head-ser input {
        font-size: 14px;
        padding: 7px 7px 7px 30px;
        background-size: 17px
    }
    .head-ser::before {
        left: 25px
    }
    .banner-text h2,
    .our-clien h2,
    .toptext h3 {
        font-size: 26px
    }
    .banner-pic img,
    .beach-pic img {
        height: 300px;
        object-fit: cover
    }
    .top-bt i {
        margin-right: 0
    }
    .taitel-box h1,
    .taitel-box h2 {
        font-size: 28px;
        margin-bottom: 10px
    }
    .beach-tow-sec,
    .ft-product,
    .ploneering-sec,
    .sustainable-sec {
        padding: 40px 0
    }
    .baech-cont h4,
    .kids-text h4,
    .pro-cont h5 {
        font-size: 16px
    }
    .pro-cont {
        padding-top: 10px
    }
    .beth-left,
    .tb-pic {
        width: 100%
    }
    .bath-cont {
        padding: 0 20px;
        text-align: center
    }
    .ho-tow {
        width: 100%;
        height: 300px
    }
    .tb-right {
        width: 100%;
        display: flex
    }
    .tb-cont h3 {
        font-size: 22px
    }
    .beach-box {
        margin-top: 15px
    }
    .sustainable-sec h2 {
        font-size: 24px
    }
    .susta-box {
        padding: 40px 15px 15px;
        width: 48%;
        margin-top: 16px
    }
    .ploneer-cont h3 {
        font-size: 24px
    }
    .holesale-Kids-sec {
        padding: 40px 0;
        text-align: center
    }
    .tabs-kids-box {
        justify-content: center
    }
    .certificate-box,
    .foot-box,
    .towels-manufacturer p {
        margin-bottom: 15px
    }
    .tb-rt-pic img {
        height: 220px
    }
    .fetchresult,
    .head-ser form,
    .top-bt span {
        display: none
    }
    .hed-rt .fa-solid.fa-tag {
        display: block
    }
    .hed-rt .top-bt {
        padding: 0;
        border: inherit;
        font-size: 20px
    }
    .towels-manufacturer {
        padding: 0 0 30px
    }
    .cert-cont p {
        font-size: 12px
    }
    .cert-icon {
        width: 50px;
        height: 50px
    }
    .cert-cont h6 {
        font-size: 14px;
        letter-spacing: 1px;
        margin-bottom: 0
    }
    .certificate-box {
        width: 145px;
        height: 145px
    }
    .baech-cont {
        padding: 10px
    }
    .nav-top,
    .tb-sec {
        padding-top: 0
    }
    .foot-form .form-group textarea {
        height: 100px
    }
    #mobileview-de {
        display: block;
        width: 100%;
        color: #000
    }
    .mobileview {
        position: relative;
        width: 100%;
        background: #fff;
        height: 100vh;
        z-index: 9999;
        padding-top: 10px;
        margin-top: -20px
    }
    .mobileview-box a {
        color: #000
    }
    .mobileview #searchInputs {
        padding: 10px;
        border: none !important;
        border-bottom: 1px solid #000 !important;
        width: 100%
    }
    .mobileview #datafetches {
        padding-top: 15px;
        width: 100%
    }
    #datafetches .post-item a,
    .mobileview-box {
        display: flex;
        align-items: center
    }
    #datafetches .post-item a img {
        width: 70px;
        height: 70px
    }
    #datafetches .post-item a .post-title h5 {
        font-size: 18px;
        color: #000
    }
    #datafetches .post-item a .post-title {
        padding-left: 10px
    }
    .mobileview-box .searchform {
        width: 100%
    }
    .hed-rt .black-btn {
        padding: 7px 25px
    }
    .logo {
        margin-bottom: 0;
        width: 80px
    }
    .nav-top .navbar-toggler {
        bottom: 14px;
        right: 0
    }
    .nav-top .navbar-toggler .icon-bar {
        height: 3px
    }
    .beach-pic img, .pro-pic img, .Kids-img img {
        height: 250px;
        object-fit: cover;
        
    }
    .product-box {
        margin-top: 4px
    }
    .tb-pic img {
        width: 100%;
        height: 300px;
        object-fit: cover
    }
    .tb-cont {
        left: 0;
        padding: 50px 15px
    }
    .pro-page #clickme{display: none !important;}
    .mobile-shopsidebar h3{font-size: 24px; color: #000; margin-bottom: 15px;}
   .pro-breadcrumb{margin: 15px 0;}
   .mobile-shopsidebar{margin-top: 20px; margin-bottom:0}
   .woman-tailer-lf {display: flex;justify-content: center;gap: 10px; }
   .woman-tailer-rt {display: flex;justify-content: center;gap: 10px; }
   .logo { top: 74px;}
   .grid figure figcaption h2 {
    opacity: 1;
  }
	
	.lochome{
		display: block;
    padding: 5%;
	}
	.users-color-container {
		display:none;
	}
}

@media only screen and (max-width:550px) {
    .tab-manu li a,
    .tabs-kids li a {
        font-size: 15px;
        text-align: center;
        background: #888585
    }
    .head-ser input {
        background: 0 0;
        border: inherit;
        font-size: 0
    }
    .header-sec.fixed .nav-top {
        padding-top: 0
    }
    .head-ser::before {
        display: none
    }
    .head-ser {
        width: auto;
        height: auto;
        display: flex
    }
    .head-ser-mb {
        display: inline-block
    }
    .head-ser-mb a {
        color: #000;
        font-size: 18px
    }
    .tab-manu li a {
        padding: 10px;
        width: 100%;
        display: block
    }
    .taitel-box {
        padding-bottom: 0
    }
    .tabs-kids-box {
        justify-content: center;
        flex-direction: column
    }
    .tabs-kids {
        padding: 0 0 10px
    }
    .susta-box {
        width: 100%;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        padding: 25px 15px 15px
    }
    .tabs-kids li a,
    .tb-right {
        display: block;
        width: 100%
    }
    .susta-img {
        width: 25%
    }
    .susta-cont {
        padding: 0 0 0 10px;
        text-align: left;
        width: 75%
    }
    .susta-img img {
        width: 60px;
        height: 60px
    }
    .susta-cont p {
        min-height: auto
    }
    .ploneer-cont h3 {
        font-size: 16px
    }
    .ploneer-cont h6 {
        font-size: 14px;
        margin-bottom: 10px
    }
    .tab-manu {
        flex-direction: row;
        flex-wrap: wrap
    }
    .tab-manu li,
    .tabs-kids li {
        width: auto;
        margin: 0 5px 10px
    }
    .tabs-kids-box {
        margin-top: 0;
        flex-direction: column
    }
    .tabs-kids {
        padding-right: 0;
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center
    }
    .beach-pic img {
        height: 185px;
        object-fit: cover
    }
    .susta-cont h5 {
        margin-bottom: 0
    }
    .pro-pic img {
        height: 173px;
        object-fit: cover
    }
    .loc-man-box img {
        height: 200px;
      }
    }

@media (max-width:568px) {
    .mob-view ul li,
    section.body-cont3 a {
        display: inline-block
    }
    .mob-view ul {
        text-align: center;
        margin: 10px 0
    }
    .mob-view ul li a {
        color: #111;
        text-transform: uppercase;
        padding: 0 7px;
        font-size: 12px
    }
    header .menu-part {
        background: 0 0;
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%
    }
    .slim-container .slim-bar {
        background: 0 0 !important;
        width: auto !important;
        float: none !important
    }
    .slim-container .slim-nav,
    .slim-container a.slimNav_sk78-reveal span {
        background: #111 !important
    }
    .mob-view {
        z-index: 9
    }
    a.slimNav_sk78-reveal.slimclose {
        color: #111 !important
    }
    .slim-container .slim-nav {
        overflow: hidden;
        margin-top: 95px !important
    }
    .slim-container .slim-nav ul li a.slim-expand {
        height: 27px !important;
        font-size: 29px !important;
        font-weight: 500 !important;
        line-height: 29px;
        z-index: 99999999 !important
    }
    .logo-part a {
        position: relative;
        z-index: 999999999
    }
    .search-hold {
        padding: 0 !important;
        z-index: 99999999999999999999999
    }
    .banner-part .banner_text h1 {
        font-size: 16px;
        margin: 0;
        text-align: left;
        padding: 5px 0
    }
    .banner-part .banner_text h2 {
        margin: 0;
        font-size: 14px
    }
    .banner-part .banner_text h3 {
        font-size: 8px;
        margin: 0;
        text-align: left;
        line-height: 14px
    }
    .banner-part .banner_text p {
        margin: 5px 0 0
    }
    .banner-part .banner_text h3 span {
        margin-top: 2px
    }
    .banner-part .banner_text a {
        margin: 0;
        padding: 3px 9px;
        text-decoration: none;
        border-radius: 3px;
        font-size: 10px;
        font-weight: 400
    }
    .banner-part .banner_text {
        width: 100% !important
    }
    section.body-cont1 {
        display: table
    }
    section.body-cont1 img {
        margin-bottom: 7px
    }
    section.body-cont1 h2 {
        font-size: 15px;
        margin: 10px 0
    }
    section.body-cont1 p {
        font-size: 13px;
        line-height: 18px
    }
    section.body-cont1 a {
        font-size: 11px;
        margin-top: 5px
    }
    .bg_paralax,
    section.body-cont2 {
        padding: 30px 0
    }
    section.body-cont2 h2 {
        font-size: 18px;
        line-height: 23px;
        margin-top: 0
    }
    section.body-cont2 a {
        margin: 7px auto 0;
        padding: 8px 17px;
        font-size: 12px
    }
    section.body-cont3 {
        padding: 30px 0;
        background-position: center
    }
    section.body-cont3 a {
        width: 100%;
        padding: 9px;
        border-radius: 4px;
        font-size: 13px
    }
    section.body-cont3 button.btn.btn-primary {
        margin-left: 0;
        line-height: 36px;
        margin-top: 11px;
        padding: 0 35px;
        border-radius: 6px
    }
    .tw-content,
    section.body-cont4,
    section.certificate_sec {
        padding: 15px 0
    }
    section.body-cont4 h2 {
        font-size: 16px;
        margin-bottom: 8px;
        margin-top: 0
    }
    section.body-cont4 h3 {
        font-size: 11px;
        margin-top: 12px;
        min-height: 25px;
        margin-bottom: 0
    }
    .owl-controls {
        display: none !important
    }
    .factory h2 {
        position: relative;
        top: 0;
        color: #111;
        font-size: 14px;
        padding: 0 15px;
        margin-bottom: 10px
    }
    section.certificate_sec ul li {
        margin: 0 8px 12px;
        width: 18.33%
    }
    .tw-content h2 {
        font-size: 16px;
        margin-top: 0;
        line-height: 24px
    }
    .tw-content h3 {
        font-size: 14px;
        margin-bottom: 8px;
        line-height: 16px
    }
    .tw-content p {
        font-size: 13px;
        margin-bottom: 10px;
        line-height: 24px
    }
    .footer-bottom {
        padding: 15px 0 0
    }
    .footer-bottom h4 {
        font-size: 16px;
        margin-bottom: 7px;
        margin-top: 21px
    }
    .footer-bottom input[type=submit] {
        padding: 8px 27px;
        font-size: 13px;
        float: none
    }
    .inner-ban-tx h2 {
        font-size: 20px;
        margin: 0;
        text-align: center
    }
    .comments-area .form-submit input {
        font-size: 14px
    }
    ul.pvt li {
        font-size: 12px;
        text-align: justify
    }
    .about_us img {
        padding-left: 0;
        padding-bottom: 20px
    }
    .about_us h1 {
        font-size: 24px
    }
    .add h5,
    .panel-title {
        font-size: 13px
    }
    .about_content ul li {
        margin-left: 20px
    }
    .con-add h2 {
        margin-bottom: 13px
    }
    .con-add ul {
        margin: 14px 0
    }
    .add h5 {
        margin-bottom: 3px;
        margin-top: 19px
    }
    section.pro-page {
        padding: 0 0 15px
    }
    .pro-list {
        margin-top: 30px
    }
    header .top-part {
        display: none
    }
    header .top-part .apply-text {
        margin-left: -10px
    }
    header .top-part .apply-text li {
        margin: 0 2px 3px
    }
    header .top-part .media-top {
        margin-left: -10px;
        float: none;
        padding: 0 0 5px;
        margin-top: -4px
    }
    .logo-part {
        padding-top: 12px;
        width: 100%
    }
    .logo-part img {
        width: 50%
    }
    .top_small_msg p {
        font-size: 9px
    }
    .top_small_msg p a {
        padding: 3px;
        margin: 0
    }
    .slim-container a.slimNav_sk78-reveal {
        right: -6px !important;
        padding: 13px 6px 10px 13px !important;
        top: 55px !important
    }
    header .top-part .apply-text li a {
        font-size: 10px
    }
    header .top-part .media-top li a {
        font-size: 10px;
        height: 22px;
        width: 22px;
        line-height: 22px
    }
    .search-hold .modal-body input {
        width: 57%
    }
    .no-pad {
        margin-bottom: 15px
    }
    .bg_paralax .bg_text {
        width: 90%
    }
    .bg_paralax .bg_text h2 {
        font-size: 28px;
        padding: 0;
        margin: 0
    }
    section.body-cont4 h2 a {
        color: #313131;
        font-size: 20px
    }
    .footer-bottom .logo_f img {
        margin-bottom: 10px;
        width: 150px
    }
    .big-img,
    .big-img-decp,
    .kickass_field {
        padding: 0
    }
	 .kickass_field {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    section.pro-page ul {
        margin-bottom: 20px
    }
    .share-buttons li {
        width: 49.5% !important;
        float: left
    }
    .share-buttons li a {
        margin: 10px 0 0
    }
    .abtus img,
    .blog_short_para,
    .post h2 {
        height: auto
    }
    .pro-listing {
        width: 96%;
        margin: 0 2%
    }
    .maincontent_area {
        padding-bottom: 30px
    }
    .widget_product_categories h2 {
        font-size: 20px !important;
        margin: 0 0 10px !important;
        color: #fff !important;
        background: #666;
        padding: 10px
    }
    .pro-sec {
        min-height: 220px;
        width: 50%;
        float: left
    }
    section.pro-page .pro-sec h3 {
        font-size: 14px;
        line-height: 16px
    }
    #clickme {
        padding: 10px 15px !important;
        margin-bottom: 10px
    }
    .pro-list h1 {
        margin: 0 0 10px
    }
    .big-img-decp h4 {
        margin: 10px 0
    }
    section.certificate_sec h2 {
        font-size: 20px;
        margin: 0 0 10px
    }
    .catalog_bg .catalog {
        padding: 20px
    }
    .catalog_bg .catalog h2 {
        padding: 20px 0;
        font-size: 20px;
        line-height: 30px
    }
    .inner-ban-tx h2 {
        margin-top: 10px
    }
    .private_area h1 {
        font-size: 28px
    }
    .private_area h2 {
        font-size: 18px
    }
    .private_area h3,
    .private_area p {
        margin: 0
    }
    .pvt-form h2,
    .pvt-form h3 {
        margin-left: 0
    }
    .inner-ban-tx h1 {
        margin: 20px 0 0;
        font-size: 20px
    }

    .beach-pic img, .pro-pic img, .Kids-img img {
        height: 200px;
        object-fit: cover;
      }

      .baech-cont h4, .kids-text h4, .pro-cont h5 {
        font-size: 15px;
      }
      .ft-product {padding-top: 40px;}
      .contact_us_sec .kickass_field{
        padding:0 12px;
      }

    

}

@media (min-width:569px) and (max-width:768px) {
    .banner-part .banner_text h1 {
        font-size: 24px;
        margin-top: 0
    }
    .banner-part .banner_text h3 {
        margin-top: 0;
        font-size: 15px
    }
    section.body-cont1 p {
        font-size: 14px;
        line-height: 21px
    }
    section.body-cont2 {
        padding: 50px 0
    }
    .owl-controls {
        display: none !important
    }
    .factory h2 {
        top: 10px;
        font-size: 16px
    }
    section.certificate_sec ul li {
        margin: 0 7px;
        width: 11%
    }
    header {
        padding: 5px 0 0
    }
    .mob-view ul {
        text-align: center;
        margin: 10px 0
    }
    .mob-view ul li {
        display: inline-block
    }
    .mob-view ul li a {
        color: #111;
        text-transform: uppercase;
        padding: 0 10px;
        font-size: 13px
    }
    header .menu-part {
        background: 0 0;
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%
    }
    .slim-container .slim-bar {
        background: 0 0 !important
    }
    .slim-container .slim-nav,
    .slim-container a.slimNav_sk78-reveal span {
        background: #111 !important
    }
    a.slimNav_sk78-reveal.slimclose {
        color: #111 !important
    }
    .slim-container .slim-nav {
        overflow: hidden;
        margin-top: 72px !important
    }
    .slim-container .slim-nav ul li a.slim-expand {
        height: 27px !important;
        font-size: 29px !important;
        font-weight: 500 !important;
        line-height: 29px;
        z-index: 99999999 !important
    }
    .logo-part a {
        display: table;
        position: relative;
        z-index: 999999999
    }
    .search-hold {
        padding: 0 !important;
        z-index: 99999999999999999999999
    }
    header .top-part .media-top {
        padding-top: 5px;
        padding-right: 50px
    }
    .cata-part {
        width: 38%
    }
    .logo-part {
        width: 24%;
        z-index: 1
    }
    header .cata-part ul {
        margin-top: 10px;
        text-align: left
    }
    header .cata-part ul li a {
        padding: 0 6px
    }
    .cat-description,
    section.body-cont1 {
        padding: 20px 0
    }
    .single_sidebar h1,
    section.body-cont1 h2 {
        font-size: 17px
    }
    .bg_paralax {
        padding: 50px 0 !important
    }
    .footer-bottom h4 {
        margin-bottom: 20px
    }
    .textwidget {
        margin-bottom: 30px
    }
    .kickass_field {
        padding: 0
    }
    .tw-content h2 {
        line-height: 30px
    }
    section.body-cont3 a {
        width: 70%
    }
    .footer-bottom .logo_f img {
        width: 150px
    }
    section.certificate_sec {
        padding: 40px 0 20px
    }
    .abtus {
        width: 50%;
        float: left
    }
    .abtus img {
        height: auto
    }
    .pro-sec {
        min-height: 350px
    }
    .woocommerce nav.woocommerce-pagination {
        clear: both
    }
    .big-img {
        width: 40%;
        float: left
    }
    .big-img-decp {
        width: 60%;
        float: left
    }
    .col-md-12 .pro-list {
        width: 100%
    }
    .share-buttons {
        margin-bottom: 20px !important
    }
    section.pro-page ul a {
        padding: 10px 5px
    }
    .share-buttons svg {
        width: 8px !important;
        height: 8px !important;
        margin-right: 0
    }
    .share-googleplus svg {
        width: 12px !important;
        height: 8px !important
    }
    .shareicon span {
        color: #fff;
        font-weight: 300;
        font-size: 8px
    }
    .big-img-decp a {
        margin-top: 10px
    }
    .pro-list h1 {
        margin: 0
    }
    .sig-form .col-md-6 {
        width: 50%;
        float: left;
        padding: 0 15px
    }
    .sig-form .col-md-12 {
        padding: 0 15px
    }
    .single_sidebar li a {
        font-size: 14px
    }
    .comments-area p input,
    .single_sidebar select {
        padding: 10px
    }
    .slim-container a.slimNav_sk78-reveal {
        top: 34px !important
    }
    .single_sidebar.author_bio .kickass_field{padding:0 12px;}

}

@media (min-width:769px) and (max-width:1024px) {
    header .menu-part ul li a {
        padding: 17px 23px
    }
    section.certificate_sec ul li {
        margin: 0 25px;
        width: 9%
    }
    header .cata-part ul li a {
        padding: 0 5px
    }
    header .cata-part ul {
        margin-top: 35px
    }
    section.body-cont1 h2 {
        margin-top: 10px
    }
    .pro-sec {
        min-height: 350px
    }
    section.pro-page ul a {
        padding: 10px;
        font-size: 13px;
        margin-top: 10px
    }
    .share-googleplus svg {
        width: 16px !important;
        height: 13px !important
    }
    .shareicon span {
        font-size: 10px
    }
    .share-buttons svg {
        margin-right: 0 !important;
        width: 13px !important;
        height: 13px !important
    }
    .share-buttons {
        margin-bottom: 20px !important
    }
}

@media(min-width:1025px) and (max-width:1500px) {
    section.certificate_sec ul li {
        margin: 0
    }
}

@media (min-width:768px) {
    .content,
    .post_navigation,
    .sidebar,
    .welcome_widgets {
        margin-bottom: 30px
    }
    .header_area .col-lg-3 {
        width: 30%;
        float: left
    }
    .header_area .col-lg-9 {
        width: 70%;
        float: left
    }
    .welcome_widgets .col-lg-4 {
        float: left;
        width: 33.3333%
    }
    #fullwidth_blog .col-lg-4 {
        width: 50%
    }
    .internal_page div.col-lg-8 {
        float: left;
        width: 65%
    }
    .internal_page div.col-lg-4 {
        float: right;
        width: 35%
    }
    .content,
    .sidebar {
        margin-top: 30px
    }
    #fullwidth_blog,
    .blog_content #fullwidth_blog {
        margin-top: 30px
    }
    .normal_sidebar,
    .sticky_sidebar {
        margin-top: 30px;
        width: 235px
    }
    .social_share h2 {
        float: none;
        margin-left: 3px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #fullwidth_blog .col-lg-4 {
        width: 33.3333333%
    }
    .blog_content .single_welcome_wid {
        width: 285px
    }
    .content,
    .sidebar {
        margin-top: 70px;
        margin-bottom: 50px
    }
    .portfolio_list {
        margin: 80px 0 60px
    }
    .welcome_widgets {
        margin-bottom: 80px
    }
    #fullwidth_blog,
    .blog_content #fullwidth_blog {
        margin-top: 70px
    }
    .normal_sidebar,
    .sticky_sidebar {
        width: 310px
    }
    .social_share h2 {
        float: none;
        margin-left: 3px
    }
}

@media (min-width:1200px) {
    #fullwidth_blog .col-lg-4 {
        width: 33.3333333%
    }
    .blog_content .single_welcome_wid {
        width: 350px
    }
    .content,
    .sidebar {
        margin-top: 30px;
        margin-bottom: 50px
    }
    .portfolio_list {
        margin: 80px 0 60px
    }
    .welcome_widgets {
        margin-bottom: 80px
    }
    #fullwidth_blog,
    .blog_content #fullwidth_blog {
        margin-top: 30px
    }
    .normal_sidebar,
    .sticky_sidebar {
        width: 380px
    }
    .social_share h2 {
        float: left;
        margin-left: 0
    }
}

@media (max-width:767px) {
    span.logo_border {
        margin: 0 auto 15px
    }
    .logo p {
        margin: 0 auto
    }
    .follow_links {
        float: none;
        margin: 10px auto 20px;
        width: 175px
    }
    .logo {
        text-align: center;
        margin-bottom: 0
    }
    .single_welcome_wid {
        margin: 2px 2px 25px
    }
    .content,
    .sidebar {
        margin-bottom: 30px;
        margin-top: 30px
    }
    .sidebar {
        margin-top: 0
    }
    .portfolio_list {
        margin: 30px 0 0
    }
    .welcome_widgets {
        margin-bottom: 30px
    }
    #fullwidth_blog,
    .blog_content #fullwidth_blog {
        margin-top: 30px
    }
    .normal_sidebar,
    .sticky_sidebar {
        position: inherit;
        width: 100%
    }
    .author_bio img {
        float: left;
        margin-bottom: 15px;
        margin-right: 25px;
        width: 110px
    }
    .social_share h2 {
        float: left;
        margin-left: 0
    }
    .ext-class {
        background-position: right;
        background-size: cover;
        background-attachment: inherit;
        padding: 40px 0 !important;
        background-repeat: no-repeat
    }
    .page-numbers li a, .page-numbers li span {  padding: 8px 8px !important;}
    .swiper-button-next, .swiper-button-prev {font-size: 16px !important; height: 30px; width: 30px;}
    .woman-tailer-pic { display: none; }
    .pro-sec img {padding-top: 10px;}
      section.pro-page .pro-sec h3 {margin:0px;margin-bottom: 10px;}
    .cat-description {padding: 20px;}
    .woocommerce-pagination {margin-top: 45px;}
    .pro-list {margin: 16px 0 !important;}

          
.cusform input {
	width:90%;
	}
	
	.cusform textarea{
		width:90%;
	}

}

@media (max-width:575px) {
    .cusform input::placeholder,
    .cusform textarea::placeholder {
        font-size: 15px;
    }

    .cusform textarea {
        padding-left: 19px;
    }
}

@media screen and (max-width:400px) {
    .normal_sidebar,
    .sticky_sidebar {
        width: 100%px
    }

}

@media (min-width:768px) and (max-width:1024px) {
    header .cata-part ul li a {
        padding: 0 8px;
        font-size: 12px
    }
    header .cata-part ul {
        text-align: left
    }
}