@media screen and (max-width: 1366px){
    header nav ul li a { font-size: 16px; }
    header nav ul li a:before { left: 4px; }
}
@media screen and (max-width: 1280px){
    header nav ul li { padding: 0 10px; }
    header nav ul li a { font-size: 15px; }
    header nav ul li a:before { left: 0; }
}
@media screen and (max-width: 1080px){
    header nav ul li { padding: 0 7px; }
    header nav ul li a { font-size: 14px; }
    .banleft { padding: 0 15px; }
    .banright  { padding: 0 15px; }
    .banheading  { padding: 0 15px; }
    .midsec  { padding: 35px 15px; }
    .slide_img ul { margin: 0 -5px; }
    .slide_img ul li { padding: 0 5px; }
}
@media screen and (max-width: 992px){
    header { height: auto; padding-left: 0; padding-right: 0; }
    .top_head { padding-top: 15px; padding-bottom: 15px; }
    .top_heading { padding-right: 50px; }
    #logo { padding-left: 15px; box-sizing: border-box; max-width: 140px; padding-top: 0; }
    #nav-toggle { display: block; }
    header nav { display: none; width: 100%; }
    .menu { width: 100%; }
    .menu .container { padding: 0; }
    .sub-menu { position: relative; max-width: 100%; width: 100%; }
    .sub-menu li a:before { left: 40px; }
    header nav ul li { display: block; padding: 0; line-height: 35px; border-bottom: 1px solid #e5e7e9; padding-left: 0 ; padding-right: 0; box-sizing: border-box; }
    header nav ul li:first-child { padding-left: 0; }
    header nav ul li:last-child { border-bottom: none; }
    header nav ul li a:before { left: 15px; }
    .sub-menu li { padding: 0 0; }
    
    .sub-menu li:first-child { padding-left: 0; }
    .sub-menu li a { padding-left: 50px; }
    .sub-menu ul { left: 0; border-left: none; }
    .sub-menu ul li a { padding-left: 70px; }
    header nav ul li a { line-height: 35px; font-size: 18px; padding: 0 30px; }
    .sub-menu ul li a:before { left: 60px; }
    .banner h1 { font-size: 30px; }
    .slide_img img { max-width: 125px; }
    .slide_img ul { margin: 0 -8px; }
    .slide_img ul li { padding: 0 8px; }
}
@media screen and (max-width: 767px){
    .banner_caption { padding: 0 15px; }
    .banner_caption h1 { font-size: 25px; line-height: normal; }
    .midsec { margin: 0; }
    .top_head { display: block; }
    .top_heading { padding-right: 0; }
    #logo { max-width: 216px; width: 100%; display: block; margin: 0 auto 15px; }
    .top_heading { width: 100%; display: block; text-align: center; }
    #nav-toggle { top: 75px; }
    .banner_in { padding-top: 35px; }
    .banleft { width: 100%; }
    .banright { width: 100%; }
}

@media screen and (max-width: 640px){
    #logo { text-align: center; }
    .midsec h2 { font-size: 25px; }
    .midsec h3 { font-size: 22px; }
    .slide_img ul { margin: 0 -5px; }
    .slide_img ul li { padding: 0 5px; }
}
@media screen and (max-width: 479px){
    #nav-toggle { right: 0; }
    .banner h1 { font-size: 28px; }
    .slide_img img { max-width: 75px; }
}

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