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

    .contact form{padding:0 15px; text-align: center;}
    form input{width: 21%;}
    .wrapper{padding:0 15px;}
}
@media only screen and (max-width:1100px) /* container size */
{
    .header .rigth h2{font-size: 52px;line-height: 46px;}
    .header .rigth{position: relative; z-index: 99}
    .header .lady_img{left: 56px;bottom: -41%;}
    .banner .col{padding:0 10px;}
    .banner h2{font-size: 38px;}
    .header .star h2{font-size: 25px; line-height: 23px;}
    .header .star{padding: 41px 0; left: 64px;}
    .slider:before{top: -5px;}
    .slider .left{width: 50%;}
    .slider h2{padding-bottom: 58px;}
    form input{width: 21.5%;}
    .last_banner h2{font-size: 45px;line-height: 46px;}
    .thank p{font-size: 33px;}
}

@media only screen and (max-width:1024px) /* if tablate and mobile view is same */
{

}

@media only screen and (min-width:960px) and (max-width:1024px)
{

}

@media only screen and (max-width: 959px)
{
    .thank{padding-top: 45%;}
    .header{padding-bottom: 168px;}
    .header{padding-top: 16px;}
    .header:after{height: 92px;}
    .banner .col{width: 27%;}
    .slider{padding-top: 90px; min-height: 510px;}
    .slider:before{height: 82px; top: -3px;}
    .slider:after{height: 82px; bottom: -1px;}
    .slider .right{margin-left: 70px;}
    .slider .left{width: 55%; padding:0 10px;}
    .slider .left p{font-size: 21px;}
    .contact{padding-top: 25px; padding-bottom: 60px;}
    form input{width: 100%; max-width: 450px; margin: 0 auto; margin-bottom: 15px; display: block;}
    input.submit{width: 100%; margin: 0 auto; margin-bottom: 15px; display: block; max-width: 450px;}
    .last_banner h2{font-size: 35px;}
    .banner{padding:25px 0;}
    .last_banner .wrapper{padding:0 25px;}
    .header .lady_img{left: -170px;bottom: -76%;}
    .header .lady_img img{width: 78%;}
    .header .rigth p{font-size: 17px; line-height: 20px;}
    .header .star{left: 11px;top: 37%;}
}

@media only screen and (max-width:767px)
{
    .header .brand{width: 130px; float: none; display: block; margin:0 auto}
    .header .brand img{max-width: 100%;}
    .header .rigth{text-align: center;}
    .header .rigth{width: 100%; padding-top: 22px;max-width: 450px;margin: 0 auto;float: none;}
    .header .rigth h2{font-size: 30px;line-height: 30px; text-align: center; margin-bottom: 21px;}
    .header .rigth br{display: none;}
    .header {padding-bottom: 0;}
    .header .wrapper{padding-bottom: 388px;}
    .header .lady_img{bottom: 0%;right: 0; width: 100%; text-align: center; height: 350px; max-height: 400px; left: 0; right: 0; margin: 0 auto}
    .header .rigth a{margin-top: 25px;}
    .header:after{height: 42px;}
    .header .star{top: 105%; background-size: 100%; width: 92px; height: 92px;top: 57%; padding: 28px 0;}
    .header .star h2{font-size: 16px; line-height: 16px;}
    .header .lady_img img{width:374px;}
    .banner h2{font-size: 25px; line-height: 28px; margin-bottom: 20px;}
    .banner .col{width: 32%;}
    .banner .col img{max-width: 100%;}
    .banner .col {padding: 0 7px;}
    .banner .col h3{font-size: 12px;line-height: normal;}
    .banner .col{margin-bottom: 22px;}
    .slider:before{height: 42px;top: -2px;}
    .slider{padding-top: 50px;}
    .slider h2{font-size: 25px;}
    .slider .right{display: block; float: none; margin: 0 auto; width: 95px; height: auto; margin-bottom: 15px; height: 116px;}
    .slider .owl-carousel .right img{max-width: 100%;}
    .slider h2{padding-bottom: 18px;}
    .slider .left:after{display: none;}
    .slider .left{width: 95%; padding-bottom: 15px;}
    .owl-controls{top: 100px; width: 90%; margin: 0 auto; left: 0; right: 0;}
    .owl-prev,.owl-next{height: 30px;}
    .slider:after{height: 42px; bottom: 0;}
    .slider{min-height: 480px; padding-bottom: 70px; background-size: inherit;}
    .last_banner{background-size: inherit;}
    .contact h2{font-size: 23px;}
    .contact p{font-size: 16px; margin-bottom: 30px;}
    .last_banner h2{font-size: 25px; line-height: 30px;}
    .last_banner p{font-size: 14px;}
    footer .logo{text-align: center; display: block; float: none}
    footer .text{float: none; text-align: center;}
    footer .text p{font-size: 14px;}
    footer .text a{font-size: 14px; display: inline-block;}
    .thank p{font-size: 28px; padding:0 10px;}
    .stick_btn{position: fixed; width: 100%; bottom: 0; height: 55px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);box-shadow: 0 0 10px rgba(0,0,0,0.7); background: #fff; color: #43b2ea; z-index: 999;
    display: block; line-height: 55px; text-align: center;}
    .last_banner a{font-size:17px}
    
}

@media (max-height: 500px)
{

}

@media (max-width:321px)
{
    .header .lady_img img{width: 304px;}
    .header .lady_img{bottom: -9%;}
    .header .rigth a{font-size: 15px;}
    .header .star{top: 62%;}
    .header .wrapper {padding-bottom: 318px;}

}