/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {



}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
header {
	overflow: hidden;
}
.about-top, .about-bottom {
	padding: 0 0px;
}
.whitebox {
		text-align: center;
	}	

}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
        .logo-main img {
    width: 10%;
}
.slide-menu-main li button {
	position: absolute;
	right: 0;
	top: 6px;
	border: none;
	background: #0e365e;
	color: #fff;cursor: pointer;
}
.slide-menu-main li {

	position: relative;
}  
  
	.whitebox {
		text-align: center;
	}	
	
	
.mainmenu li a {
	margin: 0 5px;
	padding: 8px;
	letter-spacing: .5px;
	font-size: 14px;
}
.mainmenu {
	display: none;
}
.about-top, .about-bottom {
	padding: 0 0px;
}
.single-touch {
	margin-bottom: 35px;
}

.footer-bottom {
	text-align: center;
}
.footer-bottom-right img {
	float: none;
}
.about-top h1 {
	font-size: 32px;
}
.header-menu {
	display: none;
}
.menu-bar {
	display: block;
	position: absolute;
	right: 22px;
	top: -5px;
}




}
 

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    
    .logo-main img {
    width: 10%;
}
.slide-menu-main li button {
	position: absolute;
	right: 0;
	top: 6px;
	border: none;
	background: #0e365e;
	color: #fff;cursor: pointer;
}
    
.footer-bottom a {
    font-size: 0.8em
}    
    
.slide-menu-main li {

	position: relative;
}  
.whitebox {
		text-align: center;
	}	    
.about-top, .about-bottom {
	padding: 0 0px;
}
.single-touch {
	margin-bottom: 35px;
}
.footer-bottom {
	text-align: center;
}
.footer-bottom-right img {
	float: none;
}
.shp {
	height: 100px;
}
.single-touch h3 {
	font-size: 18px;
}

.about-top h1 {
	font-size: 24px;
}

.about-top p {


}
header {
	position: relative;

}
.single-slider {
	height: 250px;
}
.header-menu {
	display: none;
}
.menu-bar {
	display: block;
	position: absolute;
	right: 20px;
	top: -15px;
}
.logo-top {
	padding-top: 15px;
}  
.logo-main img {
	width: 50%;
}    
    
.footerimg  {
	width: 50%;
}  
    
    .centertext {
position: absolute;
top: 20%;
transform: translate(0, -50%);
padding-left: 10px;
}

.centertext h1 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.9em
    
}

.centertext h4 {
    color: #FFF;
   font-size: 1.6em;
    font-weight: 900; 
}    
    

}





/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
.about-top, .about-bottom {
	padding: 0 0px;
}
	.footer-bottom a {
    font-size: 0.8em
}  
    
.centertext {
position: absolute;
top: 20%;
transform: translate(0, -50%);
padding-left: 10px;
}

.centertext h1 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.9em
    
}

.centertext h4 {
    color: #FFF;
   font-size: 1.6em;
    font-weight: 900; 
}    
    
    
.single-touch {
	margin-bottom: 35px;
}
.footer-bottom {
	text-align: center;
}
.footer-bottom-right img {
	float: none;
}

.header-menu {
	display: none;
}
.menu-bar {
	display: block;
	position: absolute;
	right: 20px;
	top: -15px;
}
.logo-top {
	padding-top: 15px;
}
.logo-main img {
	width: 70%;
}

 
}