/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/



@media only screen and (max-width: 989px) and (min-width: 769px) {

.j_btn_order_app {
float:left;
margin:10px;
}

.j_btn_order_web {
float: left;
margin:10px;
}
 
.wrapper {
	max-width:989px;
	width:100%;
	margin:0 auto;
	position:relative;
    overflow: hidden;
}

.text {
float: left;
width: 23%;
}
.app_request {
background: url(img/appreqbg.png);  
}

}


@media only screen and (max-width: 768px) {
 
.wrapper {
	max-width:768px;
	width:100%;
	margin:0 auto;
	position:relative;
    overflow: hidden;
}
.img_bg {
margin-left: 9.9%;
}
.text {
width: 80%;
margin: 0 10%;
}
.nav {
text-align: center;
width: 100%;
clear: both;
}
.logo {
float: left;
width: 100%;
}
.app_request {
background: url(img/appreqbg.png);  
}
.right {
float: left;
width: 100%;
margin-right: 0;
clear: both;
}
.left {
float: left;
width: 100%;
margin-right: 0;
}

}

@media screen and (min-width: 600px) and (max-width: 768px) {

.j_btn_order_app {
float:left;
margin:10px;
}

.j_btn_order_web {
float: left;
margin:10px;
}

.wrapper {
max-width: 96%;
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.img_bg {
margin-left: 0;
}
.text {
width: 80%;
margin: 0 10%;
}
.app_request {
background: url(img/appreqbg.png);  
}

}



@media screen and (min-width: 524px) and (max-width: 600px) {

.j_text_buttons {
    margin:0 auto;
    text-align: center;
}

.j_btn_order_app {
float:left;
margin:10px;
}

.j_btn_order_web {
float: left;
margin:10px;
}

.wrapper {
	max-width:524px;
	width:100%;
	margin:0 auto;
	position:relative;
    overflow: hidden;
}
.img_bg {
margin-left: 0;
}
.app_request {
background: url(img/appreqbg.png);  
}

}



    
@media only screen and (max-width : 480px) {

.j_text_buttons {
    margin-left: 85px;
    text-align: center;
}

.j_btn_order_app {
float:left;
margin:10px;
}

.j_btn_order_web {
float: left;
margin:10px;
}
.wrapper {
	max-width:480px;
	width:100%;
	margin:0 auto;
	position:relative;
    overflow: hidden;
}

.img_bg {
float: left;
width: 420px;
padding: 0 0 0 20px;
}
.img_bg {
margin-left: 0;
}
.app_request {
background: url(img/appreqbg.png);  
}

}

@media screen and (max-width : 320px) {

.j_text_buttons {
    margin-left: 26px;
    text-align: center;
}

.j_btn_order_app {
float:left;
}

.j_btn_order_web {
float: left;
}
.wrapper {
	max-width:320px;
	width:100%;
	margin:0 auto;
	position:relative;
    overflow: hidden;
}
.nav ul li {
font-size: 18px;
display: inline;
margin: 0 0 0 20px;
}
.textmesage span textarea {
width: 64.8%;
height: 268px !important;
}
.send_textmesage input[type=submit] {
padding: 9% 28.2%;
font-size: 11px;
}
.img_bg {
float: left;
width: 320px;
padding: 0;
}
.app_request {
background: url(img/appreqbg.png);  
}

}