/****************************************************************************
( 1024 X 768)
****************************************************************************/
@media only screen and (min-width: 959px) and (max-width: 1024px)
{
    .ticker {overflow: hidden; height:85px; vertical-align: baseline;}

    .ticker > div {-webkit-transition: margin-top 0.8s ease-in-out; -moz-transition: margin-top 0.8s ease-in-out; -o-transition: margin-top 0.8s ease-in-out;transition: margin-top 0.8s ease-in-out;}
    .banner h1 {font-size: 30px;}
    .banner h2 {font-size: 20px;}

    nav ul li a {padding: 19px 10px;}

    .services-box { background: #e5f2ff url(../images/box-bg.png) repeat;  }
    .services-box .box { width: 394px; margin-bottom: 70px;  }

    .about-us .heading h4 {font-size: 18px;}


    .slider-wrapper { height: 300px;   width: 100%; }
    .slider {height: 300px;  width: 100%; }
    .slider img { height: 250px; width: 100%;}

    .slider-wrapper .slider-btn { width: 290px; margin-left: -140px; text-align: center;  }
    .my-selector a {margin:0px 10px; font-size: 13px;}

    #project-eliment li figure  { width: 220px; height: 220px;  margin:0 auto 30px;   }
    #project-eliment li figure a { width: 220px; height: 220px;  margin:0 auto 30px;   }
    #project-eliment li figure .work-overlay  { width: 205px; height: 205px;   }

    .contact-form h4 { background: url("../images/contct-icon.png") no-repeat; font-size: 20px;}
    .adress h4 {font-size: 20px;}
    .contact-form form {width: 380px;margin: 0 auto 11px ; }
    .contact-form form input[type='text'] {width: 380px; margin: 0 auto 11px ; display: block; }
    .contact-form form textarea {width: 380px;height: 98px; margin: 0 auto 11px ; display: block; }
    .contact-form form div { margin-bottom: 4px; }
    .adress div { width: 100%;margin: 0 auto 20px;}
}


/****************************************************************************
(800 X 600) + (768 X 1024)
****************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px)
{
    .ticker {overflow: hidden; height:85px; vertical-align: baseline;}

    .ticker > div {-webkit-transition: margin-top 0.8s ease-in-out; -moz-transition: margin-top 0.8s ease-in-out; -o-transition: margin-top 0.8s ease-in-out;transition: margin-top 0.8s ease-in-out;}
    .banner h1 {font-size: 30px;}
    .banner h2 {font-size: 20px;}

    nav ul li a {padding: 19px 10px;}
    .banner .contact-btn .butn {  padding: 10px 50px; }

    .service article h3 {font-size: 25px;}

    .services-box { background: none;   }
    .services-box .box .heading { background: #8ce67a; }
	.services-box .box { width: 479px; float: none; margin:0 auto 108px;  }

    .team figure a { width: 165px; height: 165px; }
    .about-us .heading h4 {font-size: 10px;}
	.about-us .heading h1 {font-size: 10px;}


    .slider-wrapper { height: 300px; }
    .slider {height: 300px;  }
    .slider img { height: 250px;  }

    .slider-wrapper .slider-btn { width: 290px; margin-left: -140px; text-align: center;  }
    .my-selector a {margin:0px 10px; font-size: 13px;}

    #project-eliment li figure  { width: 220px; height: 220px;  margin:0 auto 30px;   }
    #project-eliment li figure a { width: 220px; height: 220px;  margin:0 auto 30px;   }
    #project-eliment li figure .work-overlay  { width: 205px; height: 205px;   }

    .contact-section { background: url(../images/contct-bg.png) repeat;}
    .contact-section h4 { font-size: 10px;}

    .contact-form h4 { background: url("../images/contct-icon.png") no-repeat;}
    .contact-form form {width: 380px;margin: 0 auto 11px ; }
    .contact-form form input[type='text'] {width: 380px; margin: 0 auto 11px ; display: block; }
    .contact-form form textarea {width: 380px;height: 98px; margin: 0 auto 11px ; display: block; }
    .contact-form form div { margin-bottom: 4px; }
    .adress div { width: 103%;margin: 0 auto 20px;}
}


/****************************************************************************
(768)
****************************************************************************/
@media only screen and ( max-width: 768px )
{
    .ticker {overflow: hidden; height:85px; vertical-align: baseline;}

    .ticker > div {-webkit-transition: margin-top 0.8s ease-in-out; -moz-transition: margin-top 0.8s ease-in-out; -o-transition: margin-top 0.8s ease-in-out;transition: margin-top 0.8s ease-in-out;}
    .banner h1 {font-size: 30px;}
    .banner h2 {font-size: 20px;}


    .banner .contact-btn .butn {  padding: 10px 50px; }

    nav ul li a {padding: 19px 10px;}
    .service article h3 {font-size: 25px;}

    .services-box { background: none;   }
    .services-box .box .heading { background: #8ce67a; }
	.services-box .box { width: 479px; float: none; margin:0 auto 108px;  }

    .team figure a { width: 165px; height: 165px; }
    .about-us .heading h4 {font-size: 10px;}
    .about-us .heading h1 {font-size: 11px;}


    .slider-wrapper { height: 300px; }
    .slider {height: 300px;  }
    .slider img { height: 250px;  }

    .slider-wrapper .slider-btn { width: 290px; margin-left: -140px; text-align: center;  }
    .my-selector a {margin:0px 10px; font-size: 13px;}

    #project-eliment li figure  { width: 220px; height: 220px;  margin:0 auto 30px;   }
    #project-eliment li figure a { width: 220px; height: 220px;  margin:0 auto 30px;   }
    #project-eliment li figure .work-overlay  { width: 205px; height: 205px;   }

    .contact-section { background: url(../images/contct-bg.png) repeat;}
    .contact-section h4 { font-size: 10px;}

    .contact-form h4 { background: url("../images/contct-icon.png") no-repeat;}
    .contact-form form {width: 380px;margin: 0 auto 11px ; }
    .contact-form form input[type='text'] {width: 380px; margin: 0 auto 11px ; display: block; }
    .contact-form form textarea {width: 380px;height: 98px; margin: 0 auto 11px ; display: block; }
    .contact-form form div { margin-bottom: 4px; }
    .adress div { width: 103%;margin: 0 auto 20px;}




}


/****************************************************************************
(600 X 800)
****************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 767px)
{
    .ticker {overflow: hidden; height:85px; vertical-align: baseline;}

    .ticker > div {-webkit-transition: margin-top 0.8s ease-in-out; -moz-transition: margin-top 0.8s ease-in-out; -o-transition: margin-top 0.8s ease-in-out;transition: margin-top 0.8s ease-in-out;}
    .banner h1 {font-size: 30px;}
    .banner h2 {font-size: 20px;}


    .banner .contact-btn .butn {  padding: 10px 50px; }

    .responsive-nav {display: block; }
    nav {display: none; }

    .services-box { background: none;   }
    .services-box .box .heading { background: #8ce67a; }
	
	.services-box .box { width: 479px; float: none; margin:0 auto 108px;  }

    .team figure a { width: 228px; height: 228px; }
    .team { width:413px; margin:0 auto 100px; }
    .about-us { width:540px; margin:0 auto; }

    .slider-wrapper { height: 300px; }
    .slider {height: 300px;  }
    .slider img { height: 250px;  }

    .slider-wrapper .slider-btn { width: 290px; margin-left: -140px; text-align: center;  }
    .my-selector a {margin:0px 10px; font-size: 15px;}

    #project-eliment li figure  { width: 400px; height: 400px;  margin:0 auto 30px;   }
    #project-eliment li figure a { width: 400px; height: 400px;  margin:0 auto 30px;   }
    #project-eliment li figure .work-overlay  { width: 365px; height: 365px;   }

    .post figure { width: 270px;  margin:0 auto 8px;  }
    .post figure .post-meta { position: absolute; left: 0px; bottom: 3px; }
    .post .about-us .heading  h4 {font-size: 10px;}

    .post figure { width: 540px;  margin:0 auto 8px;  }
    .post figure .post-meta { position: absolute; left: 0px; bottom: 3px; }
    .post .about-us .heading  h4 {font-size: 10px;}

    .pagination { width: 270px; margin:0 auto;   }
    .pagination a { font:700 12px 'Open Sans', sans-serif; color: #0080ff; margin: 0px 0px;}
    .pagination a.number { height: 24px; width: 24px; line-height: 24px;}

    .contact-section { background: url(../images/contct-bg.png) repeat;}
    .contact-section h4 { font-size: 10px;}

    .contact-form h4 { background: url("../images/contct-icon.png") no-repeat;}
    .contact-form form {width: 530px;margin: 0 auto 11px ; }
    .contact-form form input[type='text'] {width: 500px; margin: 0 auto 11px ; display: block; }
    .contact-form form textarea {width: 500px;height: 98px; margin: 0 auto 11px ; display: block; }
    .contact-form form div { margin-bottom: 4px; }
    .adress div { width: 93%;margin: 0 auto 20px;}
}


/****************************************************************************
{320 X 480} + (480 X 320)
****************************************************************************/
@media only screen and (max-width: 480px)
{

    .ticker {overflow: hidden; height:85px; vertical-align: baseline;}

    .ticker > div {-webkit-transition: margin-top 0.8s ease-in-out; -moz-transition: margin-top 0.8s ease-in-out; -o-transition: margin-top 0.8s ease-in-out;transition: margin-top 0.8s ease-in-out;}
    .banner h1 {font-size: 30px;}
    .banner h2 {font-size: 20px;}
	.banner .arrow a { margin-top: 0px; }

    .banner .contact-btn .butn {  padding: 10px 50px; }

    .responsive-nav {display: block; }
    nav {display: none; }

    .service { width:270px; margin:0 auto 100px; }

    .services-box { background: none;   }
    .services-box .box .heading { background: #8ce67a; }
	
	.services-box .box { width: 270px; float: none; margin:0 auto 59px;  }

    .team figure a { width: 228px; height: 228px; }
    .team { width:270px; margin:0 auto 100px; }
    .about-us { width:270px; margin:0 auto; }

    .slider-wrapper { height: 300px; }
    .slider {height: 300px;  }
    .slider img { height: 250px;  }

    .slider-wrapper .slider-btn { width: 290px; margin-left: -140px; text-align: center;  }
    .my-selector a {margin:0px 10px; font-size: 13px;}

    #project-eliment li figure  { width: 270px; height: 270px;  margin:0 auto 30px;   }
    #project-eliment li figure a { width: 270px; height: 270px;  margin:0 auto 30px;   }
    #project-eliment li figure .work-overlay  { width: 255px; height: 255px;   }

    .post figure { width: 270px;  margin:0 auto 8px;  }
    .post figure .post-meta { position: absolute; left: 0px; bottom: 3px; }
    .post .about-us .heading  h4 {font-size: 10px;}

    .pagination { width: 270px; margin:0 auto;   }
    .pagination a { font:700 12px 'Open Sans', sans-serif; color: #0080ff; margin: 0px 0px;}
    .pagination a.number { height: 24px; width: 24px; line-height: 24px;}

    .contact-section { background: url(../images/contct-bg.png) repeat;}
    .contact-section h4 { font-size: 10px;}

    .contact-form h4 { background: url("../images/contct-icon.png") no-repeat;}
    .contact-form form {width: 286px;margin: 0 auto 11px ; }
    .contact-form form input[type='text'] {width: 229px; margin: 0 auto 11px ; display: block; }
    .contact-form form textarea {width: 228px;height: 98px; margin: 0 auto 11px ; display: block; }
    .contact-form form div { margin-bottom: 4px; }
    .adress div { width: 93%;margin: 0 auto 20px;}


}