/*
 * Responsive changes
 * 
 *   1.   @media (max-width: 1200px)
 * 
 *   2.   @media (min-width: 979px)
 * 
 *   3.   @media (min-width: 768px) and (max-width: 979px)
 * 
 *   4.   @media (max-width: 767px)
 * 
 *   5.   @media (max-width: 480px) 
 * 
 */
 @media (max-width: 1200px) {
	#home .title_home {margin: 50px 0 0;}
    #about .content_section .span3{text-align: center;}
    #about .content_section .span3 img{float: none; text-align: center;margin: 0;}
    #about .content_section .services_with_background .span3 img{float: left; margin: 20px 20px 160px 0px;}
	#portfolio_container div.box .thumbText h3 {font-size:22px;}
	#portfolio_container div.box .thumbText p {font-size:13px; line-height:16px;}
 }

@media (max-width: 979px) {
	
	#home .title_home span {font-size: 50px;}
    #offices div.box{width: 33.2% !important;}
    #about .content_section .span3 img{float: none; text-align: center;margin: 0;}
    #about .content_section .services_with_background .span3 img{float: none; text-align: center;margin: 0;}
    #steps{width: 100%;}
    #steps .step_breaker{width: 40px;}
	header .span4 {width:100%;}
	header .span8 {width:100%;}
	.navmenu{
        float: none;
        /*margin-top:50px !important;*/ /*a12e*/
    }
	#logo{float: none; text-align: center}
	/*#wrapper_top header{height: 160px;}*/ /*a12e*/
	header div.container{text-align: center;}
	.footer {padding-left:20px;padding-right:20px;}

    /*a12e*/
    nav select { width: 253px; display: block !important; font-size: 20px; height: 40px; margin: 0 auto;}
    nav ul, .layer,#GoogleMaps, #wrapper_top .layer_up {display: none !important;}
    .navmenu {margin-top: 7px !important;}
    .tel {font-size: 22px;}
}
@media (max-width: 767px) {
	#home header div.container h1 {font-size: 38px; line-height:62px;}
    #home .title_home {
        margin: 75px 0 0;
    }
	#home .title_home span {
        /*font-size: 32px;*/
        font-size: 22px !important; /*a12e*/
        /*line-height: 56px;*/
        line-height: 32px !important;
    }
	#home .btn_home {margin: 25px 0 30px;}
    #wrapper_top{position: relative;}
    /*#wrapper_top header{height: 160px;}*/ /*a12e*/
    .navmenu{
        float: none;
        /*margin-top:50px !important;*/ /*a12e*/
    }
    h1 { font-size: 48px; }
    .layer,#GoogleMaps, #wrapper_top .layer_up{ display: none; }
    #logo{float: none; text-align: center}
    #home header{height: 285px;}
    #home, #home header div.container h1{margin-top: 0; padding-top: 0px;}
    #home header img.bakground_image{margin-top: 160px;}
    #about div.row div.span3{margin-top: 24px;}
    header div.container{text-align: center;} 
    #steps{width: 100%;}
    .step{width: 50%; }
    .step_breaker{display: none;}
    #offices div.box{width: 49.9% !important;}
}
@media (max-width: 500px) {
    nav select { width: 253px; display: block !important; font-size: 20px; height: 40px; margin: 0 auto;}
    nav ul, .layer,#GoogleMaps, #wrapper_top .layer_up{ display: none !important; }
}
@media (max-width: 751px) {
    nav select { width: 253px; display: block !important; font-size: 20px; height: 40px; margin: 0 auto;}
    nav ul, .layer,#GoogleMaps, #wrapper_top .layer_up{ display: none !important; }
}
@media (max-width: 480px) {
	#home .title_home {
        margin: 75px 0 0;
    }
	#home header div.container h1 {font-size: 38px;}
	#home .title_home span {
        font-size: 22px !important;
        line-height: 36px;
        padding: 0 10px;
    }
	#home .btn_home {margin: 25px 0 30px;}
    #wrapper_top{position: relative;}
    /*#wrapper_top header{height: 160px;}*/ /*a12e*/
    .navmenu{float: none;}
    nav select { width: 253px; display: block !important; font-size: 20px; height: 40px; margin: 0 auto;}
    h1 { font-size: 48px; }
    nav ul, .layer,#GoogleMaps, #wrapper_top .layer_up{ display: none !important; }
    #logo{float: none; text-align: center}
    #home header{height: 310px;}
    #home, #home header div.container h1{margin-top: 0; padding-top: 0;}
    #home header img.bakground_image{margin-top: 160px;}
    #about div.row div.span3{margin-top: 24px;}
    header div.container{text-align: center;} 
    #advantages header div.container h1,
    #home header div.container h1,
    #about header div.container h1,
    #offices header div.container h1,
    #contact header div.container h1 {
        font-size: 30px;
    }
    #home .home_slider_info{display: none;}
    #steps{width: 100%;}
    .step{width: 100%; float: none;}
    .step_breaker{display: none;}
    #offices div.box{width: 49.9% !important;}
   
}
@media (max-width: 340px) {
	#home .title_home {
        /*margin: 30px 0 0;*/
        margin: 75px 0 0; /*a12e*/
    }
	#home header div.container h1 {font-size: 36px;}
	#home .title_home span {
        font-size: 18px !important;
        line-height: 36px;
        padding: 0 10px;
    }
	#home .btn_home {margin: 25px 0 30px;}
	#portfolio_container div.box .thumbText h3 {font-size:18px; padding-top: 0px; margin-top:-5px;}
	#portfolio_container div.box .thumbText p {font-size: 12px;line-height: 14px;}
   
}