@media screen and (min-width: 1920px) {

}

@media screen and (min-width: 1600px) {

}

@media screen and (max-height: 600px) {
    .slide_blur h2, .details_slide h2{
        font-size: 100px;
        line-height: 100px;
    }
    .details_slide h4{
        font-size: 70px;
    }
    .details_slide{
        padding: 0;
        height: 425px;
    }
    .slide_blur{
        font-size: 14px;
        padding-top: 0;
    }
    .slide_blur h4{
        font-size: 16px;
    }
    .slide_blur h3{
        margin-left: 250px;
        font-size: 16px;
    }
}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1366px) {
    .section_product{
        padding: 0 50px 100px;
    }
}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1100px) {
    .slide_blur h4, .slide_blur p{
        display: none;
    }
    .slide_blur h2, .details_slide h2{
        font-size: 80px;
        line-height: 80px;
        text-align: center;
    }
    .slide_blur, .text_slide{
        width: 100%;
        padding-top: 0;
    }
    .button_slide{
        margin: 25px auto 0 auto;
    }
    .slide_blur h3{
        margin: 0 auto;
        font-size: 20px;
    }
    .details_slide h4{
        font-size: 34px;
    }
    .details_slide{
        padding-top: 0;
        height: 265px;
    }
    .row_welcome{
        display: block;
    }
    .row_welcome .col-xs-6{
        width: 100%;
    }
    .row_welcome img{
        width: 100%;
    }
    .section_welcome{
        padding: 50px;
    }
    .details_welcome{
        padding: 50px;
        border-radius: 55px;
        margin-top: -50px;
        text-align: center;
    }
    .container{
        width: 100%;
        padding: 0 50px;
    }
    .section_product .container{
        padding: 0;
    }
    .details_why{
        position: relative;
        width: 100%;
        padding: 50px;
        background-image: url('../images/icon/bg-why.jpg');
        background-size: 200%;
        background-position: right;
    }
    .details_why:before{
        content: '';
        background: #e6e6e600;
        backdrop-filter: blur(25px);
        -webkit-backdrop-filter: blur(25px);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .section_why h3{
        position: relative;
    }
    .row_footer{
        text-align: center;
    }
    .row_footer .col-xs-2{
        width: 100%;
        margin-bottom: 30px;
    }
    .row_footer .col-xs-4{
        width: 100%;
        margin-bottom: 30px;
    }
    .row_footer img{
        margin: 0 auto;
    }
    .row_footer .col-xs-2:nth-child(2){
        display: none;
    }
    .row_footer .col-xs-4:nth-last-child(1){
        margin-bottom: 0;
    }
    .social_footer ul{
        justify-content: center;
    }
    .row_footer li label{
        display: none;
    }
    .section_why img{
        height: auto;
        display: block;
    }
    .details_slide{
        display: none;
    }
    .overlay_slide{
        width: 100%;
    }
    .slide_blur{
        padding: 0 50px;
    }
    .slide_blur span{
        display: inline;
        color: #ffffff;
    }
    .overlay_slide:before{
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }
    .section_slideshow, .slide_blur, .section_vision{
        background-attachment: inherit;
    }
    .section_aboutus{
        background: none!important;
        padding: 0;
    }
    .section_aboutus img{
        display: block;
        height: auto;
        width: 100%;
    }
    .section_aboutus .col-xs-6{
        width: 100%;
        padding: 0 50px 50px;
    }
    .details_aboutus{
        border-radius: 55px;
        text-align: center;
        margin-top: -50px;
    }
    .section_vision{
        padding: 50px 0;
    }
    .details_vision{
        height: auto;
        padding: 30px;
        text-align: center;
        background-size: inherit;
    }
    .section_contact{
        padding: 50px 0;
    }
    .section_googlemap{
        padding: 0 0 50px;
    }
    .section_googlemap iframe{
        height: 450px;
    }
    .row_contact .col-xs-5{
        width: 100%;
        padding: 0 0 50px;
    }
    .row_contact .col-xs-7{
        width: 100%;
    }
    .section_ourbranches{
        padding: 50px 0;
    }
    ul.branch_tabs{
        margin: 30px 0;
    }
    .details_ourbranches{
        padding: 30px;
    }
    .section_services{
        padding: 50px 0;
        overflow: hidden;
    }
    .row_services{
        padding: 0;
    }
    .slide_services .slick-prev{
        left: 30px;
    }
    .slide_services .slick-next{
        right: 30px;
    }
    .thumbnails_services .slide{
        padding: 0;
    }


}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 820px) {
    .button_slide{
        display: block;
        text-align: right;
    }
    .button_slide a:nth-child(1){
        margin-bottom: 15px;
        display: block;
    }
    .details_slide {
        height: 325px;
    }
    .button_slide .btn_slide{
        width: 200px;
    }
    .section_product h2{
        font-size: 36px;
    }
    .details_branches h2{
        font-size: 80px;
    }
    .details_branches h3{
        font-size: 60px;
    }
    .section_parallax{
        height: 40vh;
    }
    .section_branches img{
        height: 500px;
    }
    ul.branch_tabs li{
        margin: 0 5px;
        padding: 5px 20px;
    }
    .branch_grid{
        grid-template-columns: 1fr;
    }
    .branch_item img{
        height: auto;
    }
    .nav-tabs.nav-tabs-dropdown,
    .nav-tabs-dropdown {
        /*border-bottom: 1px solid #ffffff26;*/
        border-radius: 0;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .nav-tabs.nav-tabs-dropdown::after,
    .nav-tabs-dropdown::after {
        content: "\f107";
        font: normal normal normal 14px / 1 FontAwesome;
        position: absolute;
        left: auto;
        right: 20px;
        top: 15px;
        margin: auto;
        color: #ffffff;
        transition: all 0.25s;
    }

    .nav-tabs-dropdown a {
        border-bottom: 1px solid #04234121 !important;
        text-align: left;
    }

    .nav-tabs.nav-tabs-dropdown.open a,
    .nav-tabs-dropdown.open a {
        position: relative!important;
        display: block;
    }

    .nav-tabs.nav-tabs-dropdown.open > li.active > a,
    .nav-tabs-dropdown.open > li.active > a {
        background: var(--pimary-color)!important;
        /*border-radius: 0;*/
    }
    .section_portfolio .nav li.active a{
        padding: 10px 15px;
    }

    .nav-tabs.nav-tabs-dropdown li,
    .nav-tabs-dropdown li {
        display: inline;
        width: 100%;
        padding: 5px 20px !important;
        vertical-align: bottom;
        margin: 0 !important;
        text-align: left;
    }
    ul.branch_tabs li{
        text-align: left;
        margin: 5px 0!important;
    }

    .nav-tabs.nav-tabs-dropdown > li,
    .nav-tabs-dropdown > li {
        position: absolute!important;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        /*height: 100%;*/
        display: none;
        border-color: transparent;
        background: #ffffff!important;
        padding: 10px 30px;
        color: var(--pimary-color);
        border-radius: 100px;
    }

    .nav-tabs-dropdown.open > li{
        display: inline-block;
        position: inherit !important;
    }

    .nav-tabs.nav-tabs-dropdown > li:focus,
    .nav-tabs-dropdown > li:focus,
    .nav-tabs.nav-tabs-dropdown > li:hover,
    .nav-tabs-dropdown > li:hover,
    .nav-tabs.nav-tabs-dropdown > li:active,
    .nav-tabs-dropdown > li:active {
        border-color: transparent;
    }

    .nav-tabs.nav-tabs-dropdown > li.active,
    .nav-tabs-dropdown > li.active{
        display: block;
        border-color: transparent;
        position: relative!important;
        z-index: 0;
        background: var(--pimary-color)!important;
        color: #ffffff!important;
        padding: 10px;
    }

    .nav-tabs.nav-tabs-dropdown > li.active:focus,
    .nav-tabs-dropdown > li.active:focus,
    .nav-tabs.nav-tabs-dropdown > li.active:hover,
    .nav-tabs-dropdown > li.active:hover,
    .nav-tabs.nav-tabs-dropdown > li.active:active,
    .nav-tabs-dropdown > li.active:active {
        border-color: transparent;
    }

    .thumbnails_services .slick-list{
        display: block;
    }
    .details_ourbranches{
        height: auto;
    }
}

@media screen and (max-width: 640px) {
    .slide_blur {
        padding: 0 30px 50px;
        justify-content: end;
    }
    .container{
        padding: 0 30px;
    }
    .slide_blur h2, .details_slide h2 {
        font-size: 50px;
        line-height: normal;
        width: 100%;
    }
    .brand_logo{
        left: 30px;
    }
    .hamberger_menu{
        right: 30px;
    }
    .social_header{
        right: 80px;
    }
    .section_welcome{
        padding: 50px 30px;
    }
    .details_welcome{
        padding: 30px;
    }
    .details_welcome h1, .details_aboutus h1, h1{
        font-size: 34px;
    }
    .details_services h2, .section_why h3, .section_product h2, .details_welcome h2, .details_aboutus h2, .details_vision h2{
        font-size: 26px;
    }
    .section_product {
        padding: 0 30px 50px;
    }
    .details_why{
        padding: 50px 30px;
    }
    .section_branches img{
        height: 500px;
    }
    .details_branches h2 {
        font-size: 50px;
        line-height: normal;
        margin-bottom: 15px;
    }
    .details_branches h3 {
        font-size: 30px;
    }
    .details_branches .btn_slide {
        margin-top: 15px;
    }
    .details_aboutus{
        padding: 30px;
    }
    .section_aboutus .col-xs-6{
        padding: 0 30px 50px;
    }
    .slick-dots{
        margin-top: 30px;
    }
    .overlay-menu .right{
        width: 100%;
    }
    .overlay ul{
        padding: 0 30px;
    }
    .section_aboutus img{
        height: 300px;
        width: 100%;
        object-fit: cover;
    }
    .brand_logo{
        height: 80px;
    }
    .section_googlemap iframe{
        height: 350px;
    }
    .row_contact .social_footer ul{
        display: block;
    }
    .row_contact .social_footer ul li{
        padding-right: 15px;
        float: left;
    }
    .slide_services img{
        height: 300px;
    }
    .slide_services .slick-arrow{
        top: 150px;
    }
    .slide_services .slick-arrow img{
        height: 30px;
    }
    .slide_services .slick-prev {
        left: 10px;
    }
    .slide_services .slick-next {
        right: 10px;
    }
    .details_services{
        padding: 30px 0 0;
    }
}

@media screen and (max-height: 600px) {
    .section_parallax{
        height: 100vh;
    }
}

@media screen and (max-width: 430px) {

}

@media screen and (max-width: 390px) {

}

@media screen and (max-width: 375px) {

}

@media screen and (max-width: 360px) {
}