@media (min-width: 768px){
   
	/*HOVER DROPDOWN IN TABLET & DESKTOP*/
	li.dropdown:hover>a {
	}
	li.dropdown:hover>.dropdown-menu {
	    display: block;
	}
	.col-md-right {
	    width: 40%;
	    float: left;
	}
	.col-md-left {
	    width: 60%;
	    float: left;
	}
	.modal-dialog { margin-top: 10%; }
	
}
@media (min-width: 992px){
	
	.col-md-right, .col-md-left 	{ float: left;}
	.col-md-right 	{ width: 32%;}
	.col-md-left 	{ width: 68%;}



}
@media (min-width: 1200px){
	.container { width: 1200px; }
} 

@media (max-width: 1200px){
	.navbar-nav { padding-left: 0; }
	.navbar-nav>li>a { padding: 55px 10px; }
	.top-nav { padding: 2.5em 2em;}
	.top-nav ul li {    margin: 0 1.2em;}
}
@media (max-width: 1080px){
	.top-nav { padding: 2.5em 1em;}
}

@media (max-width: 990px){

	.header-left { min-height: 100px;}
	.logo { margin-top: 2.8em; }
	.bnr-img { min-height: 282px; }
	.top-nav { padding:2em 1em;}
	.top-nav ul li {margin: 0 0.8em;}
	.address { margin-top: 10px; }
	.top-nav ul.nav-icon { display: none; }


}

@media (max-width: 768px){
	.modal-dialog { margin-top: 10%; }
	.mTitle { margin-bottom: 15px; }

	h3.title ,.mTitle{font-size: 3.5em;}
	.welcome, .services, .team, .gallery, .contact {padding: 15px 0;}
	.srvc-img-right { float: none; }

	
	
}
@media (max-width: 767px){
	.top-nav { padding: 0;}
	div#bs-example-navbar-collapse-1 {
	    position: absolute;
	    z-index: 999;
	    background-color: rgba(8, 8, 8, 0.83);
	    width: 100%;
	    text-align: center;
	}
	.top-nav ul li {display: block;}




	.logo { margin: 30px 15px 15px; }
	.logo h1 { font-size: 24px; font-family: 'Roboto Condensed', Sans-Serif;}
	.logo p {
	    letter-spacing: 3px;
	    font-size: 0.9em;
	    margin-top: 0.6em;
	}
	.address p {font-size: 11px;    line-height: 1.8;}
	.address { margin-top: 0; }
	.bnr-img { min-height: 208px;}
	
	
}

@media (max-width: 480px){
	.mobile_logo { display: flex; }
	.logo-text, .nav-top {display: none;}
	.art-sheet  { margin-top: 15px; }

	.list-service h3 {
	    font-size: 20px;
	    padding-top: 0px;
	    background-size: 60px;
	    min-height: 25px;
	}
	.list-service-content { padding-left: 0; }
	.gallery-item { height: 150px; }
	.contact-form {padding: 20px;}
	.about-top h2 { font-size: 4em; }
	.about-top h3 {font-size: 5em;}

	.slider { padding: 20px 0; }

	.events table td {  font-size: 14pt; }
 	.events table h4 { font-size: 14pt; margin: 5px 0;}
 	.events h3.title { font-size: 2.5em; }
	

}

@media (max-width: 380px){
	.list-service h3 {font-size: 18px;}
	.about-top h2 { font-size: 3em; }
	.about-top h3 {font-size: 4em;}
}
@media (max-width: 320px){
	.logo h1 { font-size: 20px;}
	.logo p { letter-spacing: 1px;}
	.bnr-img { min-height: 194px;}
	.address p.phn img {width: 27px;}
	.logo {margin: 20px 15px 15px;}

	.about-top h2 { font-size: 2em; }
	.about-top h3 {font-size: 3em;}
}