/* CSS Document */


.tblcenter{
	margin: 0px auto;	
}


@media only screen and (min-width : 767px) {
/* Styles */
	.top-menu ul li{
		height: 39px;
	}

}

@media (min-width: 0px) and (max-width: 1024px)  {	
	.csColumn{
		width: 100% !important;
		text-align: left !important;
		margin: 0px !important;			
	}
	
	.csColumn img{
		display: block;
		margin: 0px auto;			
	}

}

/* (min-width: 0px) and (max-width: 1100px) */
@media (min-width: 0px) and (max-width: 1100px)  {	
	header .logo img{
		padding-left: 0px !important;	
		margin: 0px auto;
		display: block;		
	}

	.logo-letters img{
		max-width: 60%;	
		display: block;
		margin: 0px auto		
	}
	
	.contact-frm .imgmax{
		max-width: 90%; 	
	}
	
	.left-content{
		width: auto;	
	}
	
	.container{
		overflow: hidden;	
	}
	
	.footer-partner-logo img, .footer-logo img{
		max-width: 100%;
		width: 100%;
	}
	
	.cus-widget  .contact-frm  img{
		display: none;	
	}
	
	.cus-widget  .contact-frm  .submit_button img{
		display: none;	
	}	
	
	.submit_button{
		margin-top: 10px !important;	
	}
	
	
/*	
	#body-content .right-content{
		width: 29%;
		float: right;
		padding: 10px;						
	}
*/
}

@media (min-width: 900px) and (max-width: 1100px)  {
	.container{
		width: 900px !important;	
	}
	
	
	.logo-letters{
		width: 50%;	
	}
	
	
	#body-content .left-content{
		width: 73%;	
	}
	
	
	#body-content .right-content{
		float: right;
		width: 25%;		
	}
	
	#body-content .right-content p{
		font-size: 21px !important;	
	}

	#body-content .right-content img{
		width: 100%;
		height: auto;			
	}
	
	.cus-widget{
		float: right !important;	
	}
		
	.cus-slider img{
		width: 200%;	
	}
	
	
	

}
/* ------------------------------ */

/* (min-width: 0px) and (max-width: 992px) */
@media (min-width: 0px) and (max-width: 991px)  {	
	header .logo img{
		height:70px;	
	}
}

/* (min-width: 0px) and (max-width: 900px) */
@media (min-width: 0px) and (max-width: 900px){
	#body-content .left-content{
		width: 100% !important;	
	}
	
	#body-content .right-content{
		display: none;	
	}
	.service-box{
		margin: 0px 0px 15px 14%;
	}

	ul.sub-menu .sub-menu{
		left: 218px !important;	
	}
	.top-menu .sub-menu .sub-menu .sub-menu{
		left: 217px !important
	}
	
	.main-menu ul.sub-menu{
		margin-top: 27px!important;
		margin-left: 3px;
	}
	
	.top-menu .sub-menu .sub-menu li:first-child{
		margin-top: 41px;	
	}
	
	ul.sub-menu .sub-menu{
		margin: 0px!important;
		top: -40px !important;
		
	}
	
	.pat-style a{
		padding: 0px!important;
		margin-left: 0px!important;
		margin-right: 0px!important;
		width: 128px;
		
	}	
	
	.pat-style .sub-menu a{
		padding-left: 19px !important;
		margin-top: 10px !important; 
	}
}


@media (min-width: 767px) and (max-width: 900px)  {
	.container{
		width: 767px !important;	
	}

	
	.logo-letters{
		width: 50%;	
	}
	
	.cus-widget{
		float: right !important;	
	}
	
	.cus-slider img{
		width: 200%;
	}
	
	.top-menu ul li{
		padding-left: 10px !important;
		margin-right: 7px !important;
			
	}
	.top-menu ul li a{
		font-size: 13px !important;	
	}
	
	.main-area .container {
		padding-left: 5px;
	}	


}
/* ------------------------------ */

/* (min-width: 0px) and (max-width: 767px) */
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.first-service-box{
		/*margin-left: 0% !important;	*/
	}
	
	#menu-footer-menu{
		margin-left: 0% !important;
		font-size: 11px;			
	}
	
	#menu-item-67 img{
		height: 19px;
	}	
	
	.footer-logo, .footer-partner-logo{
		text-align: center;
		padding-bottom: 10px;
	}
	
	.autoplay{
		background: none !important;	
	}
	
	.cus-slider{
		display: none;	
	}
	
	.box_count_3{
		clear: both;	
	}
	
	.top-social-media{
		display: none;	
	}
	
}

/*@media only screen and (min-width: 0px) and (max-width: 754px) {

}*/


@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container{
		width: 480px !important;	
	}

	.logo{
		/*width: 30% !important;*/
		float: left;			
	}
	
	.logo img{
		max-width: 100%;
	}
	
	.cus_slider_img{
		width: 480px !important;
	}
	
	.logo-letters{
		width: 70%;
		float: left;
	}
	
	.top-social-media.social-media{
		clear: both;	
	}
		
	.service-box {
		margin: 0px 0px 15px -5px;
	}		
	
}
/* ------------------------------ */

/* (min-width: 0px) and (max-width: 479px) */
@media only screen and (min-width: 0px) and (max-width: 479px) {
	.container{
		width: 320px !important;	
	}

	.logo{
		/*width: 30% !important;*/
		float: left;			
	}
	
	.logo img{
		max-width: 100%;
	}
	
	.cus_slider_img{
		width: 480px !important;
	}
	
	.logo-letters{
		width: 70%;
		float: left;
	}
	
	.top-social-media.social-media{
		clear: both;	
	}
		
	.service-box {
		margin: 0px 0px 15px 14%;
	}

}

@media only screen and (min-width: 0px) and (max-width: 320px) {
	.container{
		width: 310px !important;	
	}
	
}
/* ------------------------------ */