@media only screen and (max-width:1750px){
    .banner {padding-right: 15px;padding-left: 50px;}
    .banner .left_col {width: 400px;padding-top: 40px;}
    .banner .left_col h5 {font-size: 25px;line-height: 25px;padding-top: 15px;padding-bottom: 25px;}
    .contact_form {padding: 0px 30px;margin-top: 25px;}
    .contact_form .in {height: 50px;margin-bottom: 20px;font-size: 30px;}
    .contact_form .sub {font-size: 35px;height: 50px;margin-bottom: 20px;}
    .contact_form label {background-size: 30px;font-size: 18px;line-height: 16px;padding-right: 35px;}
    .contact_form label br{display: none;}
    .contact_form label span {font-size: 15px;}
    .banner .left_col .brand {width: calc(100% - 60px);}
    .banner .right_col {width: calc(100% - 400px);padding-top: 20px;}
    .banner .right_col .top_img img {max-width: 55%;}
    .banner .right_col h1 {font-size: 40.5px;margin-top: 20px;}
    .banner .right_col>p {font-size: 16px;}
    .banner .right_col .car img {max-width: 55%;}
    .select::after {top: 1.3em;}

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

}
@media only screen and (max-width:1366px)
{
    .banner .right_col {width: calc(100% - 350px);padding-top: 20px;}
    .banner .right_col h1 {font-size: 31.5px;margin-top: 16px;}
    .banner .right_col .right {width: 250px;}
    .banner .right_col>p {font-size: 14px;}
    .banner .right_col .tex_col .right h3 {font-size: 18px;margin-bottom: 10px;line-height: 17px;padding: 9px 10px;padding-right: 20px;}
    .banner .right_col .tex_col .left {width: 350px;}
    .banner .right_col .tex_col .left p span {width: 125px;font-size: 16px;letter-spacing: 0.5px;}
    .banner .right_col .tex_col .left p i {width: calc(100% - 125px);font-size: 31px;}
    .banner .right_col .tex_col .left {width: 300px;}
    .banner .left_col {width: 350px;padding-top: 20px;}
    .contact_form {padding: 0px 20px;margin-top: 15px;}
    .contact_form .in {height: 45px;margin-bottom: 10px;font-size: 24px;}
    .contact_form .sub {font-size: 30px;height: 40px;margin-bottom: 10px;}
    .contact_form label {background-size: 25px;font-size: 14px;line-height: 10px;padding-right: 30px;}
    .select::after {top: 1.2em;}

}
@media only screen and (max-width:1279px) /* if tablate and mobile view is same */
{
    .banner {padding-left: 40px;}
    .banner .right_col .car img {max-width: 100%;}
}
@media only screen and (max-width: 959px)
{
    .banner{height: auto;flex-wrap: wrap;padding: 0px;padding-top: 40px;}
    .banner .right_col {width: 100%;padding-top:0px;padding-right: 12px;}
    .banner .right_col .car {position: relative;bottom: 0px;}
    .banner .right_col>p {font-size: 18px;position: relative;padding: 0px 20px;}
    .banner .left_col {width: 100%;padding-top: 40px;max-width: 400px;margin: 0 auto;height: auto;padding-bottom: 20px;}
    .banner .left_col .brand {width: calc(100% - 60px);position: relative;bottom: 0;margin-top: 20px;}
    .banner .right_col .right {width: 100%;max-width: 300px;margin: auto;margin-bottom: 30px;}
    .banner .right_col .tex_col .left {width: 100%;max-width: 300px;margin: 0 auto;margin-bottom: 30px;}

}
@media only screen and (max-width:767px)
{
    .main{background-image: url(../images/site/mobile_bg.jpg);background-repeat: no-repeat;background-position:  top center;background-size: cover;padding-top: 20px;overflow: hidden}
    .banner {padding-top: 0px;background-image: none;}
    .banner .right_col .top_img img {max-width: 270px;}
    .banner .right_col .tex_col .left p i {font-size: 22px;top: 5px;}
    .banner .right_col .tex_col .left p+p i {top: -5px;}
    .banner .right_col h1 {font-size: 19px;margin-top: 16px;}
    .banner .right_col{order: 1;}
    .banner .left_col{order: 1;}
    .banner .left_col {width: 100%;padding-top: 20px;max-width: 84%;margin: 0 auto;height: auto;padding-bottom: 14px;position: initial;background-color:rgba(0, 27, 71, 0.40);}
    .banner .left_col h5 {font-size: 18px;line-height: 18px;padding-top: 6px;padding-bottom: 18px;width: 84%;margin: 0 auto;}
    .contact_form .in {height: 35px;margin-bottom: 10px;font-size: 20px;}
    .banner .right_col .car {order: 2;margin-right: -13px;margin-bottom: 10px;}
    .banner .right_col .car img{display: none;}
    .banner .right_col .car .mob_car{display:block;}
    .banner .right_col .right {order: 3;    margin-bottom: 0;}
    .banner .right_col .tex_col .left {order: 1;}
    .banner .right_col .tex_col .right h3:first-child{ display: none; }
    .banner .right_col .tex_col .right h3 {margin-bottom: 5px;font-size: 20px;}
    .banner .right_col>p {font-size: 12px;padding: 0;line-height: 12px;margin-top: 125px;}
    .banner .left_col .brand {width: 100%;position: absolute;bottom: 55px;max-width: 260px;margin: 0 auto;}
    .banner .top_img,.banner .right_col h1{display: none;}
    .contact_form label span {font-size: 12px;}
    .mob_col{display: block;padding: 0px 15px;}
    .mob_col img{max-width: 280px;margin:0 auto;display: block;}
    .mob_col h1{color: #fff;background-color: #001b47;font-size: 18px;font-family: 'NarkisBlockMFBold';text-align: center;padding: 12px 10px;margin: 12px 0px;}
    .select::after {top: 0.9em;width: 20px;background-size: 16px;}

    .banner .right_col .tex_col .left{margin-bottom: 0px;margin-right: 0;}
    .mob_col h3 {color: #fff;font-size: 20px;background-color: #001b47;position: relative;margin-bottom: 15px;line-height: 21px;padding: 10px 10px;padding-right: 29px;text-align: center;}
    .mob_col h3 span {color: #f26222;}
    .mob_col h3:after {content: '';position: absolute;right: 0;height: 100%;width: 29px;background-color: #f26222;top: 0;right: 0;}
    .mob_col h3 i {font-style: normal;font-family: 'arial';}
    .mob_col .car {width: calc(100% + 30px);margin-right: -20px;left: 0;}
    .mob_col .car img {max-width: 310px;margin: 0 auto;}

}