@media only screen and (min-width: 959px) and (max-width: 1024px){
    header .nav_two ul li{width: 12.3%;}
    .header-wrapper .container{ height: 93%;}
}
@media only screen and (min-width: 768px) and (max-width: 959px){
    .header_banner{height: 319px; }
    .short_banner{height: 319px;}
    .responsive_nav{display: none;}
    .banner{ padding: 10px 0px;}
    .ticker{ height:160px; margin-bottom: 15px;}
    .banner h1{font-size: 55px;line-height: 60px;}
    .header-wrapper .container{ height: 94.3%;}
}
@media only screen and ( max-width: 768px ){
    .header-wrapper .container{height: 94.3%;}
    header .nav ul li{padding-left: 8px; padding-right: 8px; min-width: 10% }
    header .nav ul li > a{font-size: 12px; }
    .header_banner{height: 319px; }
    .short_banner{height: 319px;}
    .responsive_nav{display: none;}
    .header_two .responsive_nav{display: block;width: 100%; float: none; }
    .banner{ padding: 10px 0px;}
    .ticker{ height:160px; margin-bottom: 15px;}
    .banner h1{font-size: 55px;line-height: 60px;}
}
@media only screen and (min-width: 481px) and (max-width: 767px){
    .header_banner{height: 319px; }
    .short_banner{height: 319px;}
    .butn{padding: 10px 39px;}
    .full_btn{padding: 10px 42px;}
    .responsive_nav{display: block;width: 100%; float: none; }
    .banner{ padding: 10px 0px;}
    .banner{margin-top: -260px; }
    .ticker{ height:160px; margin-bottom: 15px;}
    .banner h1{font-size: 55px;line-height: 60px;}
    .header_two{height: 56px; }
    .header_two .responsive_nav > ul > li > a{padding: 16px 0 16px 10px !important;}
    header{line-height: 55px;}
    header .nav ul li{padding-left: 8px; padding-right: 8px; }
    header .nav ul li > a{font-size: 12px; }
    header .logo_two{width: 100%; float: none; text-align: center; margin-left: 0px;}
    header .logo_two a img{vertical-align: middle;}
    .about-wrap, .servic-wrap, .port-wrap, .contact-wrap, .wrap, .single_wrap{width: 95%; margin: 0 auto 30px;}
    .facts ul li a{font-size: 25px;}
    .facts ul li span{font-size: 10px;}
    .servic{margin-left: 0px !important; }
    .adress p a{font-size: 21px; display: inline-block;}
    form input[type="text"]{width: 90%; }
    form fieldset{width: 43%;}
    .post{background-position:center 93%;}
    .warnings .bar{ height: auto; }
}
@media only screen and (max-width: 480px){
    .header_banner{height: 319px; }
    .short_banner{height: 319px;}
    .banner .logo{width: 200px; margin: 0 auto;}
    .quote .slide p{font-size: 14px;}
    .responsive_nav{display: block;width: 100%; float: none; }
    .banner{padding: 10px 0px;}
    .banner{margin-top: -260px; }
    .ticker{ height:160px; margin-bottom: 15px;}
    .banner h1{font-size: 40px;line-height: 42px;}
    .header_two{height: 56px; }
    .header_two .responsive_nav > ul > li > a{padding: 16px 0 16px 10px !important;}
    header{line-height: 55px;}
    header .nav ul li{padding-left: 8px; padding-right: 8px; }
    header .nav ul li > a{font-size: 12px; }
    header .logo_two{width: 100%; float: none; text-align: center; margin-left: 0px;}
    header .logo_two a img{vertical-align: middle;}
    .about-wrap, .servic-wrap, .port-wrap, .contact-wrap, .wrap, .single_wrap{width: 95%; margin: 0 auto 30px;}
    .servic{margin-left: 0px !important; }
    .adress p a{font-size: 21px; display: inline-block;padding: 10px 10px;  }
    form input[type="text"]{width: 90%; }
    form fieldset{width: 43%;}
    .post{background-position:center 93%;}
    .warnings .bar{ height: auto; }
    .price{margin-left: 0px; }
}
@media only screen and (max-width: 321px){
    header{height: 114px; }
}