@media only screen and (max-width: 600px) and (min-width: 200px)  {
    
.banner-section-two .slide {
    position: relative;
    overflow: hidden;
    margin-top: 2px;
    padding-top: 42px;
    padding-bottom: 67px;
    background-size: cover;
    background-position: right center;
}



.main-header.header-style-three .header-upper .logo-box {
    position: relative;
    padding: 1px 0px 1px 0px;
    margin: 0px;
    background: none;
    width: 206px;
    box-shadow: inherit;
}


}



@media only screen and (max-width: 896px) and (min-width: 401px)  {
    
.banner-section-two .slide {
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    padding-top: 42px;
    padding-bottom: 67px;
    background-size: cover;
    background-position: right center;
}

}


@media only screen and (max-width: 1000px) and (min-width: 769px)  {
    
.banner-section-two .slide {
    position: relative;
    overflow: hidden;
    margin-top: 7px;
    padding-top: 192px;
    padding-bottom: 162px;
    background-size: cover;
    background-position: right center;
}

}





@media only screen and (max-width: 1300px) and (min-width: 1001px)  {
    
.banner-section-two .slide {
    position: relative;
    overflow: hidden;
    margin-top: 113px;
        padding-top: 260px;
    padding-bottom: 102px;
    background-size: cover;
    background-position: right center;
}

}



@media only screen and (max-width: 1600px) and (min-width: 1301px)  {
    
.banner-section-two .slide {
    position: relative;
    overflow: hidden;
    margin-top: 113px;
    padding-top: 324px;
    padding-bottom: 163px;
    background-size: cover;
    background-position: right center;
}

}


@media only screen and (max-width: 1920px) and (min-width: 1601px)  {
    
.banner-section-two .slide {
    position: relative;
    overflow: hidden;
    margin-top: 88px;
    padding-top: 528px;
    padding-bottom: 162px;
    background-size: cover;
    background-position: right center;
}

}