/****************************************************************************
( 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%;}
    
    .clients .message {font-size: 40px;}
}


/****************************************************************************
(768)
****************************************************************************/
@media only screen and ( max-width: 768px )
{
    .header-wrapper .container {  height: 94.3%;}
    .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;}
    header .nav { display: none !important; }
    .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 {height:42px; line-height: 55px;}
    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; }
    
    .clients .message {font-size: 36px; margin-top: 50px;}
}


/****************************************************************************
{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;}

    header .nav { display: none !important; }
    .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 {height: 42px; line-height: 55px;}
    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; }

	.clients .message {font-size: 24px; margin-top: 100px;} 
	
	.contact_form .your-email input, .contact_form textarea {width:270px;}

}