﻿

@media screen and (min-width:1600px),screen and (min-device-width:1600px) {
    .banner-section .content-box {
        position: relative;
        padding: 135px 15px 110px;
        min-height: 780px;
        overflow: hidden;
        max-width: 1423px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    #pnlMainSlider img {
        height: 85vh;
    }
}

@media screen and (min-width:1900px),screen and (min-device-width:1900px) {
    .banner-section .content-box {
        position: relative;
        padding: 135px 15px 110px;
        min-height: 1100px;
        overflow: hidden;
        max-width: 1423px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
}

@media screen and (max-width:1250px),screen and (max-device-width:1250px) {
    .banner-section .content-box {
        position: relative;
        padding: 135px 15px 110px;
        min-height: 325px;
        overflow: hidden;
        max-width: 1423px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
}
@media screen and (max-width:780px),screen and (max-device-width:780px) {
    .banner-section .content-box .inner {
        display: none;
    }

    .banner-section .content-box {
        position: relative;
        padding: 135px 15px 110px;
        min-height: unset;
        height: 350px;
        overflow: hidden;
        max-width: 1423px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

 .search-section{
     display:none
 }
}

@media screen and (max-width:640px),screen and (max-device-width:640px) {
    .banner-section .content-box .inner {
        display: none;
    }

    .banner-section .content-box {
        position: relative;
        padding: 135px 15px 110px;
        min-height: unset;
        height: 258px;
        overflow: hidden;
        max-width: 1423px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
}

@media screen and (max-width:550px),screen and (max-device-width:550px) {
    .banner-section .content-box {
        position: relative;
        padding: 52px 15px 49px;
        min-height: unset;
        height: 159px;
        overflow: hidden;
        max-width: 1423px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
}






