@media only screen and (min-width: 992px) and (max-width: 1199px){
	nav.main-menu ul li{
		padding:0px 9px; 
	}
}

/************ Laptop & Tab *************/
@media only screen and (min-width: 768px) and (max-width: 991px){
	nav.main-menu ul li{
		padding:0px 3px; 
	}
	nav.main-menu ul li a, button.logout-status{
		font-size:11px;
	}
	.copyright {
    	font-size: 13px;
	}
	.footer-menu ul li{
		padding:0 4px;
	}

}
	
/************ Tab and Mobile *************/
@media (max-width: 767px){
	.slider-caption {
		padding: 8px 15px;
	}
	.slider-caption h3 {
		font-size: 14px;
	}
	nav.main-menu{
		display:none;
	}
	.site-header{
		text-align:center;
		margin-bottom: 0;
	}
	.site-footer{
		text-align:center;
	}
	.home-sidebar, .page-sidebar {
	    padding-bottom: 20px;
	}
	.umbraco-forms-form {
	    width: 100%;
	}
	.contact_form label.umbraco-forms-label,
	.contact_form .umbraco-forms-field-wrapper {
	    width: 100%;
	    float: none;
	    margin-bottom: 5px;
	}
	.site-content table {
		display: inline-block;
		width: 100%;
		height: 100%;
		overflow: scroll;
	}
	button.logout-status {
		padding: 0;
		text-transform: capitalize;
		font-size: 15px;
	}

}


/************ All Mobile and small size screen *************/
@media (max-width: 479px){
	.slider-caption {
		padding: 6px 12px;
	}
	.slider-caption h3 {
		font-size: 12px;
	}
	.site-content table td {
	    padding: 5px;
	}
}