/**
 * Design & Developed by pompaa (http://www.pompaa.com), info@pompaa.com
 * favzeN` ~> Responsive CSS
*/


    .banner-grids .banner-grid .banner-grid .banner-grid-title{ font-size: 16px; }

@media (max-width: 1800px) {
    /* .banner */
    .banner{ height: 670px; }

    /* .banner-grids */
    .banner-grids > .banner-grid > .banner-grid-wrapper{ padding: 15px 10px; }
    .banner-grids .banner-grid .banner-grid .banner-grid-title{ font-size: 0.9vw; }
}

@media (max-width: 1675px) {
    /* .banner */
    .banner{ height: auto; }
    .banner.banner--inside{ height: 440px; overflow: hidden; }

    /* banner-grids */
    .banner-grids > .banner-grid{ min-height:305px; }
}

@media (max-width: 1500px) {
    /* .banner */
    .banner{ height: auto; }

    /* banner-grids */
    .banner-grids .banner-grid-icon svg{ height: 65px; }
    .banner-grids .banner-grid-icon + .banner-grid-title{ font-size: 23px; }
    .banner-grids > .banner-grid{ min-height:270px; }
}

@media (max-width: 1440px) {

    /* heading */
    h1, .h1 { font-size: 34px; /* font-size: 80px; */ }
    h2, .h2 { font-size: 50px; }
    h3, .h3 { font-size: 34px; }
    h4, .h4 { font-size: 26px; }
    h5, .h5 { font-size: 23px; }
    h6, .h6 { font-size: 20px; }

    /* .container-fluid */
    .container-fluid{ padding: 0 40px; }

    /* .header .navbar-lang */
    .header .navbar-lang{ position: relative; right: 0; top:18px; }

    .header .navbar-pull-item{ margin:0 10px; }

    .header .navbar-pull-item img.svg,
    .header .navbar-pull-item svg{ width:120px; }

    /* [.content-body .content-title] .btn */
    .content-body .content-title .btn{ height: 47px; font-size: 15px; min-width: 275px; }

    /* .content-box */
    .content-box .content-body{ min-height: 100px; }

    /* .menu */
    .menu .menu-container ul li > a{ padding: 20px 17.5px; }

    /* .content-gallery */
    .content-gallery .content-image > img[height]{ height: auto; }

    /* .content-box */
    .content-box .content-body .content-description{ font-size: 14px; }

    /* img.loader */
    img.loader:not(.define--size){ height: auto; min-height: 85px; width: 100%; }

    /* .menu */
    .menu .menu-container ul li > a{padding: 15px 10px; }
    .menu .menu-container ul li span{ font-size: 13px; }
    .menu .menu-container ul li figure svg{ max-width: 40px; }

    /* #page-subscribe */
    #page-subscribe ._inp{ font-size: 22px; }

}

@media (max-width: 1360px) {
    /* banner-grids */
    .banner-grids .banner-grid-icon svg{ height: 60px; }
    .banner-grids .banner-grid-icon + .banner-grid-title{ font-size: 21px; }
    .banner-grids > .banner-grid{ min-height:250px; }
}

@media (max-width: 1280px) {
    /* .banner */
    .banner{ height:auto; }

    /* banner-grids */
    .banner-grids .banner-grid-icon svg{ height: 60px; }
    .banner-grids .banner-grid-icon + .banner-grid-title{ font-size: 22px; }
    .banner-grids > .banner-grid{ min-height:290px; }

    /* .col-border-(left,right) */
    .col-border-left:before, .col-border-right:after{ display: none; }

    /* g-captcha */
    .row .g-captcha.g-captcha--sm{ margin-right:-75px; }

    /* .content-slider */
    .content-slider{ position: relative; height: 510px; margin-bottom: 50px; }

    /* content-body */
    .content-body .content-title .btn{ min-width:240px; }

    .content-description iframe{ width: 100%; height: 50vw; min-height: 150px; margin: 0; }

}

@media (max-width: 1200px) {
    /* banner-grids */
    .banner-grids .banner-grid-icon svg{ height: 55px; }
    .banner-grids .banner-grid-icon + .banner-grid-title{ font-size: 21px; }
    .banner-grids > .banner-grid{ min-height:250px; }

    /* .content-categories */
    .row .content-categories{ margin-bottom:0; }

    /* .content-gallery */
    .content-gallery .content-body .content-title{ font-size: 19px; }
    .content-gallery .content-body .content-description{ font-size: 14px; }

    .content-gallery .content-list-social .content-list-social-item > a{ width: 34px; height: 34px; font-size: 16px; }

    /* .content-steps */
    .content-steps .content-steps-container .content-steps-item .content-body{ padding: 0 10px; }
    .content-steps .content-steps-container .content-steps-item .content-body .content-title{ font-size: 16px; }
    .content-steps .content-steps-container .content-steps-item .content-body .content-description{ font-size: 14px;line-height: 19px; padding-top:5px; }
}

@media (max-width: 1020px) {

    /* .content */
    .content .row .content-image{ min-height: 40px; }

    /* .banner */
    .banner:not(.banner--inside) .owl-carousel{ height: 440px; }
    .banner .owl-dots{ width: 100%; height: auto; flex-direction: row; top:20px; left: 0; }

    /* banner-grids */
    .banner-grids .banner-grid-icon svg{ height: 50px; }
    .banner-grids .banner-grid-icon + .banner-grid-title{ font-size: 20px; }
    .banner-grids > .banner-grid{ min-height:215px; }

    /* .menu */
    .menu{ top:94px; height: auto; bottom: 0; z-index: 9; }
    .page.header--scroll .menu{ top:80px; }

    .menu .menu-logo{ display: none; flex:none; padding: 50px; max-width: 350px; margin: 0 auto; }
    .menu .menu-logo:before{ display: none;}

    .menu .menu-wrapper{ flex-direction: column; }
    .menu .menu-container{ max-width: 100%; }

    .menu .menu-container ul li{ flex:1 1 15%; }

    .menu .menu-close{ display: none; }

    /* .content-steps */
    .content-steps .content-steps-container .content-steps-item{ flex:1 1 33.33%; max-width: 33.33%; }

    /* .get-well-soon-letter */
    .get-well-soon-letter-container{ left: 40px; top:40px; right: 40px; bottom: 40px; opacity: .95; }
    .get-well-soon-letter-wrapper{ padding: 50px 42px; }

    /* content */
    .content .row.row-group .content-body .content-title{ font-size:16px; }
    .content .row.row-group .content-body .content-title + .content-description{ font-size:14px; line-height: 18px; }

    /* content-boxes */
    .content-boxes.content-boxes-sm .content-box{ max-width:100%; }

    /* .content-slider */
    .content-slider{ position: relative; height: 390px; margin-bottom: 50px; }

}

@media (max-width: 934px) {
    /* .content-description */
    /* .content-description iframe{ height: 525px !important; } */
}

@media (max-width: 768px) {

    /* heading */
    h1,.h1 { font-size: 28px; /* font-size: 60px; */ }
    h2,.h2 { font-size: 36px; }
    h3,.h3 { font-size: 28px; }
    h4,.h4 { font-size: 23px; }
    h5,.h5 { font-size: 20px; }
    h6,.h6 { font-size: 18px; }

    /* content */
    .content-body .content-description{ font-size:16px; line-height: 1.32; }

    /* .container-fluid */
    .container{ max-width:100%; padding: 0 40px; }

    /* .menu */
    .menu .menu-container ul li{ flex:1 1 25%; }

    /* #page-subscribe */
    #page-subscribe .form{}
    #page-subscribe .form input[type="text"]{ font-size: 22px; }
    #page-subscribe .form button{ width: 100%;}

    /* #page-search */
    #page-search ._inp{ font-size:23px; }

    /* .col-border-(left,right) */
    .col-border-left:before, .col-border-right:after{ display: none; }

    /* .content-steps */
    .content-steps .content-steps-container .content-steps-item{ flex:1 1 100%; max-width: 100%; }
    .content-steps .content-steps-container .content-steps-item:not(:last-child):after{ content: "\f107"; display: block; position: relative; right:0; top:0; margin-top:10px; }

    .content-steps .content-steps-container .content-steps-item .content-body .content-description{ font-size:18px; padding-top:10px; }

    .content-steps .content-steps-container .content-steps-item .content-body{ padding: 0 30px; }
    .content-steps .content-steps-container .content-steps-item .content-body .content-title{ font-size: 20px; }
    .content-steps .content-steps-container .content-steps-item .content-body .content-description{ font-size: 16px; line-height: 19px; padding-top:5px; }

    /* .banner */
    /* .content-body .content-title{ font-size: 20px; } */
    .banner .content-body .content-title + *{ margin-top: 20px; }
    .banner .content-body .content-description{ font-size: 14px; line-height: 17px; }

    /* .content-slider */
    .content-slider{ position: relative; height: 350px; margin-bottom: 43px; }
    .content-slider .owl-nav > *{ width:44px; height:44px; margin-top:-20px; font-size:30px; }
    .content-slider .owl-nav .owl-prev{ left:-14px; }
    .content-slider .owl-nav .owl-next{ right:-14px; }

    /* .content-box */
    .content-box .content-image{ max-height: 100%; }

    /* .content-boxtext */
    .content-boxtext .content-body{ padding: 20px 26px 24px; }
    .content-boxtext .content-body .content-description{ font-size:14px; line-height: 1.4; }

    /* .banner-grids */
    .banner-grids .banner-grid .banner-grid .banner-grid-title{ font-size: 12px; }
}

@media (max-width: 698px) {
    /* .content-description */
    .content-description iframe{ height: -webkit-calc(100vw / 1.777777) !important; height: calc(100vw / 1.777777) !important; }
}

@media (max-width: 650px) {

    .mobile-show{ display: block; }

    /* heading */
    h1,.h1 { font-size: 26px; /* font-size: 50px; */ }
    h2,.h2 { font-size: 32px; }
    h3,.h3 { font-size: 26px; }
    h4,.h4 { font-size: 21px; }
    h5,.h5 { font-size: 18px; }
    h6,.h6 { font-size: 17px; }

    /* .contaier */
    .container,
    .container-fluid{ padding: 0 25px !important; }

    /* .banner */
    .banner.banner--inside{ height: 260px; }

    /* .content-box */
    .content-box .content-image{ min-height:150px; }

    /* .content-box */
    .menu .menu-logo{ flex:none; padding: 40px; }
    .menu .menu-container{ padding: 15px 0; }
    .menu .menu-container ul{ padding: 0 25px; }


    /* .datepicker */
    .datepicker table > thead > tr:nth-child(1) > th{ font-size: 20px; padding:15px 0; }
    .datepicker table > thead > tr:nth-child(2) > th{ font-size: 18px; padding: 8px 0; }

    /* .get-well-soon-letter-container */
    .get-well-soon-letter-container textarea{ height: 175px; padding: 10px; font-size: 14px; background: none; line-height: 1.2; border:1px solid rgba(51,51,51,0.5); overflow: auto; }

    /* .content-faq */
    .content-faq .card .card-header{ font-size:18px; }

    /*
    .content-faq .card .card-body ul,
    .content-faq .card .card-body p{ font-size:14px; }
    */

    /* content-table */
    .content-table{ display: block; background: #f7f7f7; padding: 5px 20px; border:none; box-shadow: none; }
    .content-table + .content-table{ margin-top:20px; }
    .content-table:last-of-type tbody > tr:last-child{ border:none !important; }
    .content-table thead{ display: none; }
    .content-table tbody{ display: block; width: 100%; }

    .content-table td, .content-table th{  }

    .content-table tbody > tr{ display: block; width: 100%; padding:10px 0; border-bottom:1px solid #1d3587 !important; text-align: right !important; }
    .content-table tbody > tr:not(:last-child){ margin-bottom: 10px;  }
    .content-table tbody > tr:last-child{ border-bottom: none !important; }
    .content-table tbody > tr > td { display: flex; height: auto; background: none; border:none; text-align: left; padding: 6px 0; }
    .content-table tbody > tr > td > *{ flex:1 1 auto;  }
    .content-table tbody > tr > td:before { content: attr(data-label); padding-right: 10px; font-weight: 800; text-align: left; color:#1d3587; }

    /* .content-slider */
    .content-slider{ position: relative; height: 300px; margin-bottom: 43px; }

}

@media (max-width: 580px) {
    /* .content-gallery */
    .content-gallery .content-image{ min-height: 150px; }
    .content-gallery .content-body{ padding: 35px 15px; }
    .content-gallery .content-body .content-title{ font-size: 17px; }
    .content-gallery .content-body .content-description{ font-size: 13px; }

    .content-gallery .content-list-social .content-list-social-item{ margin:5px; }
    .content-gallery .content-list-social .content-list-social-item > a{ width: 34px; height: 34px; font-size: 16px; }

    /* .content-box .content-body */
    .content-box .content-body{ -ms-flex-flow: column; flex-flow: column; }
}

@media (max-width: 525px) {

    /* heading */
    h1,.h1 { font-size: 26px; /* font-size: 40px; */ }
    h2,.h2 { font-size: 28px; }
    h3,.h3 { font-size: 24px; }
    h4,.h4 { font-size: 20px; }
    h5,.h5 { font-size: 18px; }
    h6,.h6 { font-size: 16px; }

    /* #modal-item */
    #modal-items > div{ padding-left: 30px; padding-right: 30px; }

    /* .footer-contact-form .input.input-half */
    .footer-contact-form .input.input-half{ width: 100%; }
    .footer-contact-form .input.input-half:nth-of-type(2n){ margin-right: 0; }

    /* .footer-contact-form-tools */
    .footer-contact-form-tools{ height: auto; flex-direction: column; align-items: flex-start; }
    .footer-contact-form-tools .g-captcha{ width: 100%; overflow: hidden; }
    .footer-contact-form-tools button{ width: 100%; margin-top: 15px; margin-left: 0; }

    /* .footer-contact-form .input.input-file */
    .footer-contact-form .input.input-file{ height: auto; flex-direction: column; }
    .footer-contact-form .input.input-file .input-view{ width: 100%; height: 40px;  }
    .footer-contact-form .input.input-file .input-result{ width: 100%; height: 40px; align-items: flex-start; text-align: left; }

    /* .form .input.input--text */
    .form .input.input--text{ flex-direction: column; align-items: normal; padding: 10px 0; }
    .form .input.input--text p{ padding-top: 5px; padding-bottom: 5px; }

    /* .get-well-soon-letter */
    .get-well-soon-letter{ min-height: 475px; }
    .get-well-soon-letter-container{ left: 20px; top:20px; right: 20px; bottom: 20px; opacity: .95; }
    .get-well-soon-letter-wrapper{ padding: 40px 32px; }

    /* #page-lang .modal-container */
    #page-lang .modal-container{ padding: 20px !important;  }
    #page-lang .page-lang-list .page-lang-item{ min-height: 50px; min-width: 150px; }
    #page-lang .page-lang-list .page-lang-item .page-lang-item-name{ font-size: 18px; }
    #page-lang .page-lang-list .page-lang-item{ margin:5px 0; }
    #page-lang .page-lang-list .page-lang-item .page-lang-item-flag > svg{ max-height: 35px; }

    /* .content-table */
    .content-table > thead th{ font-size:16px; }
    .content-table > tbody td{ padding: 9px 14px; font-size:14px; }

    /* .content-categories > li */
    .content-categories > li{ font-size:16px; margin:10px; }
    .content-categories > li:after{ bottom:-11px; border: 8px solid transparent; border-bottom-color: #1d3587; border-right-color: #1d3587; outline: 6px solid #fff; outline-offset: -8px; }
}

@media (max-width: 480px) {
    /* .page */
    .page{ padding-top: 70px; }

    /* .header */
    .header{ padding: 13px 0; }
    .header .navbar-brand svg{ max-width: 145px; }

    .header--scroll .header{ padding: 10px 0; }

    /* .navbar-brand */
    .navbar-brand{ margin-right: 5px; }

    /* .menu */
    .menu{ top:70px; }
    .page.header--scroll .menu{ top:64px; }

    .menu .menu-logo{ flex:none; padding: 40px 75px; }
    .menu .menu-container ul{ padding: 0 15px; }
    .menu .menu-container ul li{ flex:1 1 33.33%; }
    .menu .menu-container ul li > a{ padding: 15px 12.5px; }
    .menu .menu-container ul li span{ margin-top: 8px; }

    .menu .menu-close{ right: 20px; top:20px; }

    /* .content-slider */
    .content-slider{ position: relative; height: 200px; margin-bottom: 43px; }
    .owl-carousel .owl-video-play-icon{ width:68px; height:68px; margin-left:-34px; margin-top:-34px; font-size:24px; }

    /* .content-gallery */
    .content-gallery .content-body .content-description{ display: none; }

    /* .banner-grids */
    .banner-grids .banner-grid .banner-grid .banner-grid-title{ font-size: 9px; }

    /* content-body */
    .content-body .content-title--short:first-child{ margin-top: -2px; }

    /* row col */
    .row.row-spacing > .col, .row.row-spacing > [class*='col-']{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .col-xl, .col-xl-auto, .col-xl-24, .col-xl-23, .col-xl-22, .col-xl-21, .col-xl-20, .col-xl-19, .col-xl-18, .col-xl-17, .col-xl-16, .col-xl-15, .col-xl-14, .col-xl-13, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-24, .col-lg-23, .col-lg-22, .col-lg-21, .col-lg-20, .col-lg-19, .col-lg-18, .col-lg-17, .col-lg-16, .col-lg-15, .col-lg-14, .col-lg-13, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-24, .col-md-23, .col-md-22, .col-md-21, .col-md-20, .col-md-19, .col-md-18, .col-md-17, .col-md-16, .col-md-15, .col-md-14, .col-md-13, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-24, .col-sm-23, .col-sm-22, .col-sm-21, .col-sm-20, .col-sm-19, .col-sm-18, .col-sm-17, .col-sm-16, .col-sm-15, .col-sm-14, .col-sm-13, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs, .col-xs-auto, .col-xs-24, .col-xs-23, .col-xs-22, .col-xs-21, .col-xs-20, .col-xs-19, .col-xs-18, .col-xs-17, .col-xs-16, .col-xs-15, .col-xs-14, .col-xs-13, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col, .col-auto, .col-24, .col-23, .col-22, .col-21, .col-20, .col-19, .col-18, .col-17, .col-16, .col-15, .col-14, .col-13, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1{
        padding-left: 10px;
        padding-right: 10px;
    }

}

@media (max-width: 424px) {
    /* .header */
    .header .navbar-pull{ margin: 0 -10px; }
    .header .navbar-pull-item{ margin:0 10px; }

    /* #page-subscribe */
    #page-subscribe .form .g-captcha{
        display: block;
        transform: scale(0.75);
        transform-origin: left top;
        margin-right: -85px;
        margin-bottom: -17px;
    }

    /* */
    .content-categories.content-categories--alphabet > li{ font-size:22px; margin:2px 4px; }
    .content-categories.content-categories--alphabet > li.active{ border-bottom: 2px solid #1d3587; }
    .content-categories.content-categories--alphabet > li:after{ display: none; }

    /* .content-gallery */
    .content-gallery .content-body{ padding: 45px 15px; }
    .content-gallery .content-body .content-title{ font-size: 19px; }
    .content-gallery .content-body .content-description{ font-size: 15px; display: block; }

    .content-gallery .content-list-social .content-list-social-item{ margin:7.5px; }

    /* content-boxes */
    .content-boxes.content-boxes-sm .content-box .content-body { padding: 17px; }
    .content-boxes.content-boxes-sm .content-box .content-body .content-description{ flex: initial; }
}

@media (max-width: 385px){
    /* .form .btn */
    .form .btn{ min-width:auto; width: 100%; }
    .banner-grids .banner-grid .banner-grid .banner-grid-title{ font-size: 7px;}
}

@media (max-width: 350px){
    .menu .menu-container ul li figure svg{ max-width: 26px; }
    .menu .menu-container ul li span{ font-size: 10px; }

    /* .content-steps */
    .content-steps .content-steps-container .content-steps-item .content-body .content-description{ font-size:15px; padding-top:5px; }
}

@media (max-width: 768px) and (max-height: 900px) and (orientation: portrait){
    #modal-items > div{ padding: 124px 30px 40px; overflow: auto; }

    /* #page-lang .modal-container */
    #page-lang .modal-container{ padding: 0 20px !important;  }
    #page-lang .page-lang-list .page-lang-item{ height: 50px; }
    #page-lang .page-lang-list .page-lang-item .page-lang-item-name{ font-size: 18px; }
    #page-lang .page-lang-list .page-lang-item{ margin:5px 0; }
    #page-lang .page-lang-list .page-lang-item .page-lang-item-flag > svg{ max-height: 35px; }
}

@media (max-width: 768px) and (orientation: landscape){
    /* .page */
    .page{ padding-top: 66px; }
    .page.header--scroll .menu{ top:65px; }

    /* .header */
    .header{ padding: 13px 0; }
    .header .navbar-brand svg{ max-width: 145px; }

    .header--scroll .header{ padding: 10px 0; }
}

@media (max-height: 600px) and (orientation: landscape){
    #modal-items > div{ padding: 74px 50px 20px; overflow: auto; }
    #page-lang .modal-container{ padding: 0 20px !important;  }

    /* #page-lang .modal-container */
    #page-lang .modal-container{ padding: 0 20px !important;  }
    #page-lang .page-lang-list .page-lang-item{ height: 50px; }
    #page-lang .page-lang-list .page-lang-item .page-lang-item-name{ font-size: 16px; }
    #page-lang .page-lang-list .page-lang-item{ margin:2px 0; }
    #page-lang .page-lang-list .page-lang-item .page-lang-item-flag > svg{ max-height: 35px; }
}
