@charset "utf-8";
/* CSS Document */


@media (max-width:680px){
	.logo{ float:left;}
.logo img{ max-width:200px;}
.moto-widget-menu .moto-widget-menu-list{margin-top:0px!important;}
.footer_grid{
background:#fff; width:100%; margin-left:0%; padding-bottom:10px;
}
	.cntngrdrght {
    float: left;
    margin-top: 50px;
    padding-left: 0;
    width: 100%;
}

}

@media (min-width: 800px) and (max-width: 991px){
	
	.screen-page .roller{height: 36% !important;}
	
	
	}


@media (min-width: 768px) and (max-width: 799px){
	
	.screen-page .roller{height: 43%!important;}	
	
	
	}

@media (min-width:768px) and (max-width:991px){
.moto-text_system_3 img{ max-width:200px;}
.cntngrdrght{ padding-left:0px!important;}
.contact{ float:left;}
/*.screen-page .screen{background:#bcc596 none repeat scroll 0 0;}*/




/*.screen-page .screen
{
    height: 300px;
    margin: 20px;
}
.screen-page .screen:nth-child(1)
{
    height: 500px;
}
.screen-page .screen:nth-child(2)
{
    height: 200px;
}
.screen-page .screen:nth-child(3)
{
    height: 800px;
}
.screen-page .screen:nth-child(4)
{
    height: 300px;
}

*/









/*.screen-page .screen{height: 35.5%!important;}

.solid-page .screen{height: 35.5%!important;}
.solid-page .screen:nth-child(1)
{
   height: 35.5%!important;
}
.solid-page .screen:nth-child(2)
{
    height: 35.5%!important;
}
.solid-page .screen:nth-child(3)
{
   height: 35.5%!important;
}
.solid-page .screen:nth-child(4)
{
    height: 35.5%!important;
}*/
}
@media (max-width:1225px){
	
	.cntngrdlft img{ max-width:450px!important; width:100%!important;}

	.cntngrdrght{ padding-left:0px!important;}
	.header-top .col-sm-3{  z-index:100;}
	
	
	}
	
	
	@media (max-width:767px){
		.h1cls{ padding-left:10px;}
		.contact{ text-align:center;}
		.menu li {
    background: #bcc596 none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    line-height: 10px!important;
    max-width: 25px!important;
    padding: 8px!important;
    text-align: center!important;
		}
		.back img{ max-width:35px!important;width:100%!important;}
		back {
    display: block;
    float: left;
    height: 50px;
    left: 0;
    position: fixed;
    top: 14px;
    max-width: 35px; width:100%;
    z-index: 59;
}
.solid-page .screen{height: 185px!important;}
.solid-page .screen:nth-child(1)
{
    height: 185px!important;
}
.solid-page .screen:nth-child(2)
{
    height: 185px!important;
}
.solid-page .screen:nth-child(3)
{
    height: 185px!important;
}
.solid-page .screen:nth-child(4)
{
    height: 185px!important;
}
.gallry_res .col-sm-12{ padding-left:0px; padding-right:0px;}
.gallry_res .row{ margin-left:-32px!important; margin-right:-32px!important;}

.gallry_res .container-fluid{ padding-left:0px; padding-right:0px;}
.arrows li {
    background: #bcc596 none repeat scroll 0 0;
    cursor: pointer;
    line-height: 28px!important;
    margin: 0 0 5px;
    text-align: center;
    width: 35px!important;
}
.screen{ border-bottom:3px;}

.contact {
    background: #b9c595 none repeat scroll 0 0;
    color: #fff;
    float: left;
    margin-left: 5%;
    padding: 20px 0 82px;
    text-align: left;
    width: 90%;
}

.header-top{}



/*.header-top .col-sm-9{ width:35%; float:left; }*/

/*.logo{ z-index:1000;}
.moto-widget-menu{ z-index:0;}*/

	}
		
	@media (min-width:768px) and (max-width:1225px){	
			.h1cls h1{ padding-left:12px;}
	}
	
	@media (max-width:480px){
	/*	.bx-viewport{ background:#fff; display:block; width:60px; height:60px; z-index:1000; }*/
.moto-cell .bx-viewport{
   left: 37px !important;
    width: 216px !important;
			}
.moto-cell .bxslider li {
    float: left;
    margin: 10px 14px!important;
    max-width: 177px!important;	
    text-align: center!important;	
}
.menu{left: 35px!important;	}
		
	}
	
	
@media (min-width: 320px) and (max-width: 480px) and (orientation:landscape){	
/*	.bx-wrapper .bx-viewport {
    left: 20px !important;
    width: 421px !important;
}*/
.moto-cell .bx-wrapper{
    
    width: 73% !important;
}



}

@media (min-width: 360px) and (max-width: 680px){	
.moto-cell .bx-viewport {
    left: 58px !important;
    width: 215px !important;
}
}

@media (min-width: 481px) and (max-width: 767px){	
.moto-cell .bx-viewport {
    left: 30px !important;
    width: 592px !important;
}
}