.leftn-panel{ width:50%; float:left; height:auto;}
.leftn-panel h2{ font-size:21px; color:#ba241d; font-weight:500; text-transform:uppercase; font-weight:700; margin-bottom:2%;}

.leftn-pane2{ width:50%; float:right; height:auto;}
.leftn-pane2 h2{ font-size:21px; color:#ba241d; font-weight:500; text-transform:uppercase; font-weight:700; margin-bottom:2%;}

.rightn-pane2{ width:40%; float:left; height:auto; margin-top:2%;}
.rightn-pane2-bg{ background-image:url(assets/images/right-bg-background.jpg); width:519px; height:246px; 
background-repeat:no-repeat; float:left;}
.rightn-pane2-bg-inner{ width: 494px; height: 225px; float: right; margin-right: 2%; margin-top: 2%;}
.rightn-pane2-bg-inner img{ width:100%; height:100%; float:none;}

.rightn-panel{ width:40%; float:right; height:auto; margin-top:2%;}
.rightn-panel-bg{ background-image:url(assets/images/right-bg-background.jpg); width:519px; height:246px; 
background-repeat:no-repeat;float:right;}
.rightn-panel-bg-inner{ width: 494px; height: 225px; float: right; margin-right: 2%; margin-top: 2%;}
.rightn-panel-bg-inner img{ width:100%; height:100%; float:right;}
.list1{ width:100%; float:left; height:40px; border-right:solid #f2ad00 10px; background-color:#f7f7f7;  font-size:16px; 
color:#373737; line-height:40px; margin-top:1%; margin-bottom:1%;}
.list1-inner{ width:43px; height:40px; float:left; margin-right:3%;}

.list2{ width:48%; margin-right:2%; float:left; height:40px; border-right:solid #f2ad00 10px; background-color:#f7f7f7;  font-size:16px; 
color:#373737; line-height:40px; margin-top:1%; margin-bottom:1%;}
.list2-inner{ width:43px; height:40px; float:left; margin-right:3%;}


.mt-15{ margin-top:3%;}



@media only screen and (min-width: 220px) and (max-width: 480px) {
	.leftn-panel{ width:94% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-panel{ width:87% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-panel-bg{ width:100%; height: auto!important; float:left; background-size:100%;}
	.rightn-panel-bg-inner{ width:100%; height: auto !important; float:right;}
	.list1{ width:100%; height:auto; float:none; font-size:100%; text-align:left;}
	
	.leftn-pane2{ width:94% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2{ width:87% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2-bg{ width:100%; height: auto!important; float:left; background-size:100%;}
	.rightn-pane2-bg-inner{ width:100%; height:auto; float:right;}
	.mt-15 {margin-top: 10%;}
.pl {
    width: 90%;
    heigh: auto;
    float: right;
    line-height: 19px;
    border-right: solid #f2ad00 10px;
    background-color: #f7f7f7;
    padding-left: 13px;
    margin-right: -3%;
    margin-top: -12%;
}

.btn.btn-black {
    background: #231f20 none repeat scroll 0 0;
    color: #fff;
    font-weight: 600;
    min-width: 170px;
    margin-left: 4%;
}

#mrova-feedback{
	display: hidden;
	width: auto!important;
	position: fixed;
	right: -421px;
	border: 1px solid #3cb58c;
	padding: 8px 20px;
	background-color: #fff;
	z-index:10000;
}
}


@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
	
	.leftn-panel{ width:94% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-panel{ width:87% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-panel-bg{ width:100%; height: auto!important; float:left; background-size:100%;}
	.rightn-panel-bg-inner{ width:100%; height: auto !important; float:right;}
	.list1{ width:100%; height:auto; float:none; font-size:100%; text-align:left;}
	
	.leftn-pane2{ width:94% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2{ width:87% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2-bg{ width:100%; height: auto!important; float:left; background-size:100%;}
	.rightn-pane2-bg-inner{ width:100%; height:auto; float:right;}
	.mt-15 {margin-top: 10%;}
.pl {
    width: 88%;
    heigh: auto;
    float: right;
    line-height: 19px;
    border-right: solid #f2ad00 10px;
    background-color: #f7f7f7;
    padding-left: 13px;
    margin-right: -3%;
    margin-top: -13%;
}

.btn.btn-black {
    background: #231f20 none repeat scroll 0 0;
    color: #fff;
    font-weight: 600;
    min-width: 170px;
    margin-left: 4%;
}

#mrova-feedback{
	display: hidden;
	width: auto!important;
	position: fixed;
	right: -421px;
	border: 1px solid #3cb58c;
	padding: 8px 20px;
	background-color: #fff;
	z-index:10000;
}

}


@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
	
	.leftn-panel{ width:94% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-panel{ width:87% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-panel-bg{ width:100%; height: auto!important; float:left; background-size:100%;}
	.rightn-panel-bg-inner{ width:100%; height: auto !important; float:right;}
	.list1{ width:100%; height:auto; float:none; font-size:100%; text-align:left;}
	
	.leftn-pane2{ width:94% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2{ width:87% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2-bg{ width:100%; height: auto!important; float:left; background-size:100%;}
	.rightn-pane2-bg-inner{ width:100%; height:auto; float:right;}
	.mt-15 {margin-top: 10%;}
.pl {
    width: 92%;
    heigh: auto;
    float: right;
    line-height: 36px;
    border-right: solid #f2ad00 10px;
    background-color: #f7f7f7;
    padding-left: 13px;
    margin-right: -2%;
    margin-top: -9%;
    height: 39px;
}

.btn.btn-black {
    background: #231f20 none repeat scroll 0 0;
    color: #fff;
    font-weight: 600;
    min-width: 170px;
    margin-left: 4%;
}

#mrova-feedback {display:none;}

}

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait) {
	
	.leftn-panel{ width:94% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-panel{ width:87% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-panel-bg{ width:100%; height: auto!important; float:left; background-size:100%;}
	.rightn-panel-bg-inner{ width:100%; height: auto !important; float:right;}
	.list1{ width:100%; height:auto; float:none; font-size:100%; text-align:left;}
	
	.leftn-pane2{ width:94% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2{ width:87% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2-bg{ width:100%; height: auto!important; float:left; background-size:100%;}
	.rightn-pane2-bg-inner{ width:100%; height:auto; float:right;}
	.mt-15 {margin-top: 10%;}
.pl {
    width: 90%;
    heigh: auto;
    float: right;
    line-height: 19px;
    border-right: solid #f2ad00 10px;
    background-color: #f7f7f7;
    padding-left: 13px;
    margin-right: -3%;
    margin-top: -12%;
}

.btn.btn-black {
    background: #231f20 none repeat scroll 0 0;
    color: #fff;
    font-weight: 600;
    min-width: 170px;
    margin-left: 4%;
}
#mrova-feedback {display:none;}

}


@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
	
	.leftn-panel{ width:94% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-panel{ width:87% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-panel-bg{ width:100%; height: auto!important; float:left; background-size:100%;}
	.rightn-panel-bg-inner{ width:100%; height: auto !important; float:right;}
	.list1{ width:100%; height:auto; float:none; font-size:100%; text-align:left;}
	
	.leftn-pane2{ width:94% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2{ width:87% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2-bg{ width:100%; height: auto!important; float:left; background-size:100%;}
	.rightn-pane2-bg-inner{ width:100%; height:auto; float:right;}
	.mt-15 {margin-top: 10%;}
#mrova-feedback {display:none;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	
	.leftn-panel{ width:94% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-panel{ width:87% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-panel-bg{ width:100%; height:auto; float:left;  background-size:100%;}
	.rightn-panel-bg-inner{ width:100%; height:auto; float:right;}
	.list1{ width:100%; height:auto; float:none;}
	
		.leftn-pane2{ width:94% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2{ width:87% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2-bg{ width:100%; height:auto; float:left;  background-size:100%;}
	.rightn-pane2-bg-inner{ width:100%; height:auto; float:right;}
	.mt-15 {margin-top: 7%;}

}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	
	.leftn-panel{ width:49% !important; height:auto; float:left; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-panel{ width:100% !important; height:auto; float:none; margin-left:2%; margin-right:2%; margin:20px auto;}
	.rightn-panel-bg{ width:47%; height:auto; float:right;  background-size:100%;}
	.rightn-panel-bg-inner{ width:100%; height:auto; float:right;}
	.list1{ width:100%; height:auto; float:none;}
	
		.leftn-pane2{ width:48% !important; height:auto; float:right; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2{ width:50% !important; height:auto; float:left; margin-left:2%; margin-right:2%; margin:0px auto;}
	.rightn-pane2-bg{ width:100%; height:auto; float:left;  background-size:100%;}
	.rightn-pane2-bg-inner{ width:100%; height:auto; float:right;}
	.mt-15 {margin-top: 8%;}
}