@media (min-width:992px) and (max-width:1199px){
	.efffect h3{
		font-size:15px;
		margin-top:10px
	}
}
@media (min-width:768px) and (max-width:991px){
	#navigation .navbar-nav.navbar-right li{
		padding:0 0;
	}
	.header-bottom #subscribe-form .mail-field{
		width:70%
	}
	.header-bottom .btn-primary{
		float:right
	}
	.about-us .tab-content .pull-left.media-object{
		float:inherit;
		width:100%;
		margin-bottom:15px
	}
	.single-member{
		height:515px;
		margin-bottom:30px
	}
	.efffect h3,.efffect h4{
		display:none
	}
	.mask a i{
		margin-top:28px
	}
}
@media (max-width:1500px) {
    #navigation .navbar-nav.navbar-right li a {
        font-size: 12px;
        padding: 6px 10px;
    }
}
@media (max-width:1250px) {
    #navigation .navbar-nav.navbar-right li a {
        font-size: 10px;
    }
    .img_ttl_01 {left: 4em;}
    .img_ttl_03 {left: -3em;}
    
}
@media (max-width:1200px) {
    .hr1 {display: none;}
    .hr2 {display: none;}
    .hr3 {display: none;}
    
    .img_diag {width: 120%;}
    .img_ttl_01, .img_ttl_02, .img_ttl_03 {display: none;}
}
@media (max-width:991px){
    .img_diag_green {
        position: absolute;
        left: -11em;
        top: -25em;
        z-index: 0;
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
        width: 165%;
    }
}
@media (max-width:767px){
    .navbar-inverse .navbar-collapse {
        border-color: transparent;
        margin: 15px 0 0;
    }

    .contact__ {margin: 0 10px -5px;}
        
    .show_ {display: none;}
    .hide_ {display: initial;}

    #footer_top {padding: 0 0 35px;}

    .flip {width: 330px;}
    .img_diag_green {
        position: absolute;
        left: 0;
        top: -5em;
        z-index: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 150%;
    }
    .img_hm {
        width: 140px;
        left: 0em;
        margin: 30em 0 0;
    }
    .img_diag {
        position: absolute;
        right: -38EM;
        BOTTOM: 0;
        top: 0em;
        z-index: -1;
        WIDTH: 100EM;
    }
    .img_hm_ {
        width: 160px;
        left: 20%;
    }
    #main-carousel .carousel-caption {padding: 0 1em;}
    
    .map_dealers .map_dot {
        position: absolute;
        border-radius: 50%;
        color: #fff;
        font-weight: 700;
        text-shadow: 0 0 5px #000;
        border: 3px solid #fff;
        padding: 9px 0 0;
        width: 40px;
        height: 40px;
        text-align: center;
        box-shadow: -10px 10px 20px -15px #000;
        font-size: 13px;
    }
    
    .pull-right {
        float: none!important;
    }

	#navigation .navbar-nav.navbar-right{
		margin-top:0
	}
	.media,.media-body{
		overflow:inherit!important
	}
	#navigation .navbar-inverse .navbar-nav .active a,
	#navigation .navbar-inverse .navbar-nav .active a:focus,
	#navigation .navbar-nav.navbar-right li a:hover{
		border:none
	}
	.call-to-action p,.header-bottom #subscribe-form p{
		font-size:14px
	}.header-bottom #subscribe-form .mail-field{
		display:inline;
		float:none;
		margin-bottom:13px;
		margin-right:0;
		width:100%
	}
	#main-carousel .carousel-inner h2{
		border-bottom:0;font-size:30px
	}
	.slider-btn{
		font-size:16px;
		height:45px;
		line-height:45px;
		width:150px
	}
	.title-one{
		font-size:24px
	}
	#about-us p{
		font-size:14px
	}.nav-tabs li{
		width:33%
	}
	.nav-tabs li a{
		text-align:center
	}
	.nav-tabs li a i{
		display:block
	}
	.about-us .tab-content .pull-left.media-object{
		background-color:#F6F6F6;
		display:block;float:inherit!important;margin-right:0;
		width:100%
	}
	#services h2{
		font-size:24px
	}
	.member-right{
		left:55%
	}
	.single-member{
		margin-bottom:25px;
		height:600px
	}
	#portfolio .portfolio-filter{
		padding:0
	}
	#portfolio .portfolio-filter li{
		margin-bottom:10px
	}
	.efffect h3{
		margin-top:18%
	}
	#clients-carousel .carousel-inner img{
		width:100%
	}
	.single-blog ul li{
		margin-bottom:10px
	}
	#gmap iframe{
		height:225px
	}
	.contact-address{
		padding-left:10px;
		padding-right:10px
	}
	.pattern{
		height:960px
	}
	#footer p{
		font-size:14px
	}
}
@media (max-width:479px){
    .servs_ {
        width: 330px;
        margin: 65px 0 0;
    }
    .img_top_mrk {position: relative;}
    
    .img_diag_green {display: none;}
    #wrw__ .white_ {
        color: #232323!important;
    }
    
    .ttl_01 {
        top: 35%;
        width: 95%;
        font-size: 22px;
    }
    .ttl_02 {
        top: 50%;
        width: 95%;
        font-size: 22px;
    }
    .ttl_03 {
        top: 60%;
        width: 95%;
        font-size: 22px;
    }
    
	body section{
		overflow:hidden
	}
	#navigation .navbar-nav.navbar-right li a{
		padding:5px 15px;
	}
	.media,.media-body{
		overflow:inherit!important
	}
	#navigation .navbar-inverse .navbar-nav .active a,
	#navigation .navbar-inverse .navbar-nav .active a:focus,
	#navigation .navbar-nav.navbar-right li a:hover{
		border:none
	}
	.call-to-action p,
	.header-bottom #subscribe-form p{
		font-size:14px
	}
	.header-bottom #subscribe-form .mail-field{
		display:inline;
		float:none;
		margin-bottom:13px;
		margin-right:0;
		width:100%
	}
	#main-carousel .carousel-inner h2{
		border-bottom:0;
		font-size:30px
	}
	.slider-btn{
		font-size:16px;
		height:45px;
		line-height:45px;
		width:150px
	}
	.title-one{
		font-size:24px
	}
	#about-us p{
		font-size:14px
	}
	.nav-tabs li{
		width:33%
	}
	.nav-tabs li a{
		text-align:center
	}
	.nav-tabs li a i{
		display:block
	}
	.about-us .tab-content .pull-left.media-object{
		background-color:#F6F6F6;
		display:block;
		float:inherit!important;
		margin-right:0;
		width:100%
	}
	#services h2{
		font-size:24px
	}
	.member-right{
		left:55%
	}
	.single-member{
		margin-bottom:25px;
		height:450px
	}
	#portfolio .portfolio-filter li{
		margin-bottom:10px
	}
	.efffect h3{
		margin-top:8%
	}
	.single-blog ul li{
		margin-bottom:10px
	}
	#gmap iframe{
		height:225px
	}
	.contact-address{
		padding-left:10px;
		padding-right:10px
	}
	.pattern{
		height:960px
	}
	#footer p{
		font-size:14px
	}
}