﻿@media screen and (min-width:1250px),screen and (min-device-width:1250px) {
  #pnlMainSlider img {
        height: 85vh;
    }
}

@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 p{
    color: #fff;
    font-size: 42px;
    font-family: SansPro;
    font-weight: 700;
}

.search-section #pnlSearchBox{
    position:relative;
    display:inline-block;
    width:100%;
    max-width:unset;
}

.search-section #pnlSearchBox input[type=text]{
    max-width: 542px;
    color: #fff;
    background-color: #666666;
    border: 0px;
    font-size: 26px;
    margin-top: 10px;
    height: 50px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top: 20px;
    width:calc(100% - 60px);
    padding:0 15px;
}

.search-section #pnlSearchBox button{
    height: 50px;
    top: 20px;
    width:62px;
    font-size: 18px;
    font-family: SansPro;
    font-weight: bold;
    background: var(--danger);
    color: #fff;
    position:absolute
}
}

@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;
    }
}






