@media(min-width: 1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1450px !important;
    }
    .custom-container{
        max-width: 1400px !important;
    }
}

.custom-container{
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

@media (min-width: 576px) { /* Small (sm) */
    .custom-container {
        max-width: 540px !important;
    }
}

@media (min-width: 768px) { /* Medium (md) */
    .custom-container {
        max-width: 720px !important;
    }
}

@media (min-width: 992px) {
    .custom-container {
        max-width: 960px !important;
    }
}

@media (min-width: 1200px) {
    .custom-container {
        max-width: 1140px !important;
    }
}

@media (min-width: 1400px) {
    .custom-container {
        max-width: 1320px !important;
    }
}

@media (min-width: 1600px) { 
    .custom-container {
        max-width: 1500px !important;
    }
    header .h-bottom{
        justify-content: start !important;
    }
    header .main-menu{
        gap: 20px;
    }
}



@media(max-width:1800px){
  header .main-menu{
    margin-left: 1%;
  }


}

@media(max-width:1700px){
    main #home-about{
        padding: 0px;
    }

    main #home-how-much-hair-transplant .hm-hair-transplant-area-text {
        max-height: 500px;
        overflow-y: auto;
    }
}


@media(max-width:1600px){
    header .meeting-btn {
        border-radius: 10px;
        font-weight: bold;
        font-size: 15px;
        transition: all 0.5s;
        background: var(--button-gradient);
        color: #fff;
        padding: 8px 13px;
        transition: 0.5s;
        margin-right: 10px;
    }
}

@media (max-width:1500px) {
    .section-title{
        font-size: 36px!important;
    }
    main #home-banner .banner-content {
        padding-top: 350px;
    }
    main #home-banner .banner-content .banner-title{
        font-size: 36px;
    }
}

@media(max-width: 1440px) {
    header .main-menu{
        gap: 15px;
    }

    header .h-left .logo img {
        width: 80%;
    }

    header .tops-menu > li{
        padding: 25px 10px;
    }

    header .tops-menu > li > a{
        font-size: 16px;
    }

    main .cta-btn .link{
        min-width: 200px;
    }

    main #home-completed-projects .section-inner{
        width: 100%;
    }


   
    /* contact */
    #post-detail .contact-address-col{
        margin-bottom: 30px;
        padding: 0px;
    }

    main #post-detail.contact-page .contact-col{
        margin-bottom: 25px;
    }

    main #post-detail.contact-page .contact-content{
        padding: 15px;
    }

    main #post-detail.contact-page .contact-content .branch-name{
        font-size: 22px;
    }

    main #post-detail.contact-page .contact-content .contact-list .contact-list-item{
        font-size: 16px;
    }
}

@media(max-width:1300px){  
    main #home-banner .banner-content .banner-review-link img{
        width: 150px;
    }
    main #home-features .features-box{
        flex-direction: column;
    }
}

@media(max-width:1200px){
    header .h-left .logo img {
        width: 275px !important;
    }

    main #home-banner .banner-content{
        padding-top: 160px;
        min-height: 700px;
    }

    main #home-banner .banner-content .banner-title {
        font-size: 28px;
    }

    main #home-banner .banner-content .banner-logo-container{
        padding: 15px 30px;
    }
    
    /* video page */
    main #post-detail .playlist-tabs{
        justify-content:normal;
        overflow-y:auto;
    }
    main #post-detail .playlist-tabs li{
        min-width:220px;
    }
}

@media(max-width:991px){
    body::before {
        width: 50%;
    }
    main .section-title {
        font-size: 28px!important;
    }
    header .h-center::before{
        display: none;
    }
    header .h-center::after{
        display: none;
    }
    header .h-center .header-center-logo {
        position: relative;
        width: 256px;
        height: 87px;
        bottom:0px; 
        margin-bottom: 0px; 
    }
    body #right-social-media{
        bottom: 15%;
    }
    main .line{
        top: 20px;
    }

    main .fixed-col{
        padding: 0px;
    }
    
    main #home-banner{
        margin-bottom: 80px;
    }

    main #home-banner .banner-right-form{
        margin-bottom: 35px;
    }

    main #home-banner .banner-content #banner-form-area {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        width: 100%;
    }

    main #home-banner .banner-col{
        margin-bottom: 25px;
    }


    main #home-features .features-decor {
        height: 50%;
    }

    /* footer */
    footer{
        margin: 0px 55px 90px 55px;
    }
    footer .footer-inner{
        position: relative!important;
        width: auto!important;
        height: auto!important;
        background-color: #242424;
    }
    footer .footer-col{
        margin-bottom: 25px;
    }
    footer .footer-logo img {
        width: 50%;
        margin: 0 auto;
    }
    footer .footer-center {
        padding: 75px 0 15px;
    }
    footer .footer-bottom{
        padding: 15px 0 35px!important;
    }

    footer .footer-inner .footer-contact-container .footer-contact{
        font-size: 18px!important;
    }
}

@media(max-width: 768px) {
    /* header .h-center{
        padding: 15px 0 15px;
    } */
    header .h-center .header-left img {
        width: 125px;
    }    
    
    header .h-center .header-center-logo {
        width: 175px;
        height: 60px;
    }
    /* general */
    body::before , body::after{
        display: none;
    }

    main .cta-btn .link {
        min-width: 150px;
        font-size: 16px;
        padding: 5px 10px;
    }
    .btn-area .wp-btn{
        font-size: 16px;
    }

    header .header-content{
        padding: 0px;
    }
    header .h-left .logo img {
        width: 252px !important;
    }
    header .h-top .h-top-btn{
        font-size: 16px;
    }

    header .h-center .header-center-logo .top-logo img {
        width: 100%;
    }
    main #home-banner .banner-content {
        min-height: 1060px;
    }
    main #home-banner .banner-image {
        width: 100%;
    }
    main #home-banner .banner-content{
        padding-top: 80px;
    }
    
    main #home-banner .banner-link-container{
        gap: 10px;
    }

    main #home-banner .banner-link-container .link {
        padding: 10px 15px;
        min-width: 160px;
        font-size: 18px;
    }

    main #home-services{
        padding: 50px 0;
    }

    main  #home-services .cta-btn a {
        min-width: 130px;
        padding: 10px 15px;
    }

    main #home-why-galen .cta-btn a{
        min-width: 130px;
        padding: 10px 15px;
    }

    main #home-why-galen .why-galen-text-col{
        margin-bottom: 25px;
    }

    main #home-faq-area .faq-list-area .faq-item{
        flex-direction: column;
    }

    main #home-faq-area .faq-list-area .faq-item .item-col{
        width: 100%;
    }

    main #home-features{
        margin-bottom: 60px;
    }
    
    main #home-features .row{
        margin: 0 10px;
    }

    main #home-features .features-box{
        margin-bottom: 25px;
    }

    main #home-why-galen{
        margin-bottom: 60px;
    }

    main #home-video-area .accord-tab-nav .tab-nav-item{
        margin-bottom: 10px;
    }

    main #home-bottom-form #banner-form-area{
        grid-template-columns: repeat(2,1fr);
        margin-bottom: 25px;
    }

    main #home-bottom-form .form-image {
        width: 60%;
        display: block;
        margin: 0 auto;
    }
    
    /*  footer */
    body footer{
        margin: 0;
    }
    body footer .row {
        margin: 0px;
    }

    /* footer .footer-inner{
        border-radius: 20px;
    } */
    footer .footer-col{
        padding: 0;
        margin-bottom: 25px;
    }

    footer .footer-center .footer-menu ul li a{
        font-size: 16px;
    }
    footer .footer-center .footer-contact-container .footer-contact{
        font-size: 16px;
    }

    footer .footer-bottom {
        padding: 15px 0 80px !important;
    }
  
    /* other page */

    .sidebar-form .contact_form .input-area .form-in{
        padding:10px 13px!important;
    }
    .sidebar-form  .contact_form .input-area .form-in::placeholder{
        font-size:14px !important;
    }

    .sidebar-form .contact_form .form-button{
        padding: 10px !important;
    }

    /* post */
   
    main #post-detail .post-header .post-title{
        font-size: 32px;
    }

    /* contact */
    main #post-detail .contact-address-col .contact-page-whatsapp-btn{
        font-size: 20px;
    }

    main #post-detail .meeting-form-area{
        padding: 20px 30px;
    }
}

@media(max-width: 575px) {
    body{
        font-size: 16px!important;
    }
    header .h-left .logo img {
        width: 50vw!important;
    }
    main .sidebar-1{
        left: 0
    }
    main #home-banner .banner-content .banner-title-container{
        padding: 20px 40px
    }

    main .row{
        margin: 0px;
    }

    main #home-completed-projects .section-content-inner .completed-carousel{
        padding-right: 0px;
    }

    main #home-completed-projects .section-content-inner .completed-title{
        text-align: center;
        font-size: 16px;
        width: 100%;;
    }

    /* footer */
    footer .footer-logo img {
        width: 70%;
        margin: 0 auto;
    }

    footer .footer-inner .footer-menu ul li a{
        font-size: 18px;
    }
   
}
@media(max-width: 400px) {
    header .web-lang > li .lang-item{
        padding: 2px 4px !important;
    }

    /* homepage */
    main #home-banner .banner-image-area .banner-inner img {
        height: 110%!important;
    }
    main #home-banner .banner-content .banner-desc {
        font-size: 14px;
    }

    main #home-step-process .process-box {
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 25px;
    }

    main #home-process .process-tab-title{
        font-size: 14px;
    }
}

@media(max-width:991px){
    main .graft-calculator {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }
}