/* Optimus Mobile setup */

/*Header */

@media (max-width: 992px) {
	
	.branding branding--clone,.social-safreen,.branding branding--clone branding--stick ,.branding--clone{ display:none}
	
	
	.nivo-caption { top:30%;}
	.masthead h1 { font-size:24px !important;}
	.nivo-caption h3 { font-size:28px !important;}
	.masthead p{ font-size:18px !important;}
	.nivo-caption p {font-size:14px !important;}
	
	.nivoSlider img {height:400px !important;}
	
	
	.h-line{ margin-left:42%}
	
	#video-text img {min-height:350px !important;}
	.owl-prev,.owl-next{opacity:1!important;}
	
	.latest-post-safreen  .grid figure{width: 98%;}
	
	#callout-widgets .actionbox-controls {
   display: block; 
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
     padding-left: 0px; 
}
#callout-widgets .actionbox-text {
    display: block; 
    vertical-align: middle;
    width: 100%;
    text-align: center;
}	
}
	
	@media (max-width: 992px) {
	#site-title { text-align:center; float:none; padding-top:0px;} .social-safreen { display:none;}
	
	}
	
/*Service Block */	
@media (max-width: 992px) {
	.bg-service-1{ width:100%;}
	
	}
	
/*latest post*/

@media (max-width: 992px) {
	 .imgwrap img{ width:100%;}
	 
	 #optimus-latest h2 { padding-top:2%;}
	
	}
	
	
@media  (max-width: 992px){.image_warp img{height: 400px; width:100%;}

#slider .hvr-sweep-to-top{ padding:2% 4% 2% 4%;}

#slider .hvr-sweep-to-bottom-border{ padding:1.8% 4% 1.8% 4%; margin-top:1%}

.box-one-third .inner {padding-bottom: 5px;}


}

 
 /*mobile menu*/
 @media (max-width: 992px) {
	.menu-toggle {
		cursor: pointer;
		display: block;
		position: fixed;
		left: 0px;
		top: -1px;
		padding: 12px 12px 12px 12px;
		font-size: 16px;
		font-weight: 400;
		color: #FFF;
		
		-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.64);
		-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.64);
		box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.64);
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;		
		background-color: rgba(40,40,40,0.4)
				
	}

	.menu-toggle:after {
		content: "\f0c9";
		font-size: 18px;
		padding-left: 8px;
		font-weight: 700;
		font-family: FontAwesome;
	}
	
	#navmenu { display:none;}
	
	}
 .onlytouch .branding branding--clone, .onlytouch  .branding branding--clone branding--stick, .onlytouch .branding--clone{ display:none;}
 
 .onlytouch #navmenu {display:none}
 
 .onlytouch .menu-toggle {
		display:block;
	}
	
	
	.onlytouch .menu-toggle {
		cursor: pointer;
		display: block;
		position: fixed;
		left: 0px;
		top: 5px;
		padding: 12px 12px 12px 12px;
		font-size: 16px;
		font-weight: 400;
		color: #FFF;
		
		-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.64);
		-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.64);
		box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.64);
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;		
		background-color: rgba(40,40,40,0.3)
				
	}

.onlytouch	.menu-toggle:after {
		content: "\f0c9";
		font-size: 18px;
		padding-left: 8px;
		font-weight: 700;
		font-family: FontAwesome;
	}
	
.menu-toggle { display:none;}

/*********mobile menu end ******/

@media (min-width: 1200px) {
.onlytouch .menu-toggle{display:none;}
.onlytouch #navmenu {display:block;}	
}