/****************************************************************************
( 1024 X 768)
****************************************************************************/
@media only screen and (min-width: 959px) and (max-width: 1024px)
{
    header .nav_two ul li { width: 12.3%;}
    .header-wrapper .container {  height: 93%;}
}
/****************************************************************************
(800 X 600) + (768 X 1024)
****************************************************************************/
@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%;}
}


/****************************************************************************
(768)
****************************************************************************/
@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;}
}


/****************************************************************************
(600 X 800)
****************************************************************************/
@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; }

    .clients {   margin-top: 75px; }
    .clients h3 { font-size: 25px;}
    .clients ul li { margin-bottom: 15px; }

    .flexslider, .flexslider .slides, .flexslider .slides li, .detail-slider .slides li, .flexslider .slides img { height: 300px; }
    .portfolio-nav li { margin: 0 2px 5px; }
    .portfolio_line .portfolio {width: 100%;}

    .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; }
    .price { margin-left: 0px; }
}


/****************************************************************************
{320 X 480} + (480 X 320)
****************************************************************************/
@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;}

    .facts ul li a { font-size: 25px;}
    .facts ul li span { font-size: 10px;}
    .servic {margin-left: 0px !important; }

    .clients {   margin-top: 75px; }
    .clients h3 { font-size: 25px;}
    .clients ul li { margin-bottom: 15px; }

    .flexslider, .flexslider .slides, .flexslider .slides li, .detail-slider .slides li, .flexslider .slides img { height: 300px; }
    .portfolio-nav li { margin: 0 2px 5px; }
    .portfolio_line .portfolio {width: 100%;}

    .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; }
}