@media (max-width: 1199px) {
	.recent-project .owl-controls{
		display:none;
	}
	.navigation li a {
    	padding: 7px 7px 47px;
 }
	.mainmenu-area .thm-btn {
    	padding: 0 13px;
	}
}

@media (max-width: 1200px) and (min-width: 992px) {
	
	.theme_menu .thm-btn {
		padding: 0 13px;

	}
	
}

@media (max-width: 1200px) and (min-width:992px) {
	.two-column .inner-box .image-box {
		position: relative;
		margin-bottom: -95px;
	}
	.two-column .content-box{
		padding: 30px 0px 80px;
	}
}

@media (max-width: 1024px) {
	.project-carousel .owl-controls .owl-nav {
	  top: auto;
	  left: 0;
	  right: 0;
	}
	.recent-project .owl-controls {
    position: absolute;
    bottom: 45px;
    left: -155px;
	}
	
}

@media (max-width: 991px) {

	.right-area {
   	 position: absolute;
   	 right: 15px;
   	 top: 17px;
 }
 	.mainmenu-area{
 		background: #01b2b7;
 	}
	.mainmenu-area .menu-column{
		float: left;
		width: 100%;
	}
	.mainmenu-area .right-area {
   		margin-right: 17px;
	}
	.nav_side_content .search_option form {
	    width: 250px;
	    right: -25px;
	    top: 52px;
	}
	.mainmenu-area.stricky .navbar-collapse li a:hover{
  		color:#01b2b7;
	}
	.mainmenu-area .right-area .thm-btn:hover {
   	 color: #01b2b7;
   	 border: 2px solid #01b2b7;
	}
	.theme_menu {
		background: #f7f7f7;
	}
	.main-logo {
	    margin: 15px 0 15px;
	}
	.nav_side_content {
		margin-top: 31px;
	}
	.two-column .content-box{
		padding: 30px 0px 80px;
	}
	.about .item-list .item.clearfix {
		margin-top: 0px;
	}
	.call-to-action {text-align: center;}
	.call-to-action a.thm-btn {float: none !important;  margin-top:20px;}
	
	.about-faq .accordion-box{
		margin-top: 50px;
	}
}

@media (max-width: 768px) {
	.header-top .top-right, 
	.header-top .top-left {
		width: 100%;
		text-align:center;
	}
	.about-us .about-info{
		margin-bottom: 50px;
	}
	.header-top .top-right ul,
	.header-top .top-left ul {
		text-align: center;
	}
	
	.header-top .top-right ul li,
	.header-top .top-left ul li {
		display: inline-block;
		float: none;
	}
	
	.our-team .owl-controls .owl-nav{
		margin-bottom: 10px !important;
	}
	.latest-news .owl-theme .owl-nav{
		margin-bottom: 10px !important;
	}
	
	.page-title .path{
		text-align:center;
	}
	.sidebar-page .sidebar {
		position: relative;
		padding-left: 0px;
	}
	.header-top .top-right{
		margin:10px 0px;
	}
	.footer-bottom{
		padding-bottom:70px;
	}
	.footer-bottom .pull-left{
		text-align:center;
		width:100%;
	}
	.footer-bottom .pull-right{
		text-align:center;
		margin-top:5px;
		width:100%;
	}
	
}

@media (max-width: 640px) {
	.rev_slider,
	.page-title{
		margin-top:0px !important;	
	}
	
	.page-title{
		text-align:center;
	}
	
}

@media (max-width: 700px) {
	.feature{
	
	}
}

@media (max-width: 575px) {

}

@media (max-width: 359px) {
	.feature .item-list .item .content-box p{
		display:none;
	}
	.feature .item-list .item .content-box h3{
		margin-top:10px;
		text-align:center;
	}
}

@media only screen and (min-width: 1200px){
.container {padding: 0;}
.container-fluid{padding: 0;}      
}

@media only screen and (min-width: 991px){
  .mobile-menu {
    display: none;
  }      
}
@media only screen and (max-width: 991px){
    

/*=================== mobile-menu ======================*/

  .navigation {
    display: none;
  } 

  .main-menu .collapse {
    border: 0px;
    max-height: 300px;
    display: none !important;
    overflow: auto !important;
  } 

  .main-menu .collapse.in, 
  .main-menu .collapsing {
    display: block !important;
  } 

  .main-menu .navbar-header{
    padding: 14px 0px;
    float: none;
    background: rgb(255, 255, 255);
  }  

  .main-menu .navbar-toggle {
    float: none;
    margin: 0;
    display: block;
  }  

  .main-menu .navbar-toggle .icon-bar {
    background: #01b2b7;
    width: 30px;
  }  
/*=================================menu=======================*/     
}

  @media (max-width: 480px) {

.mainmenu-area {
    background:#ec1d24;
}

.mainmenu-area.stricky-fixed {
    margin: 0;
   position: sticky;
    background: rgba(234, 8, 27, 0.9);
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    -webkit-animation-name: menu_sticky;
    animation-name: menu_sticky;
    -webkit-animation-duration: 0.60s;
    animation-duration: 0.60s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}


.rev_slider_wrapper {
    margin-top: 0px !important;
  
}

.main-menu {
    position: relative;
    margin-top: -12px !important;
}

.mainmenu-area .right-area .link_btn {
    margin-top: -110px;
}

.two-col-fluid .content-column {
    position: relative;
    float: right;
	width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
}

.sec-title h2 {
    position: relative;
    font-size: 26px;
    margin-bottom: 45px;
    text-transform: uppercase;
    font-weight: 500;
}

.thm-btn {

    position: relative;
    background: #ec1d24;
    font-size: 14px;
    line-height: 42px;
    font-weight: 700;
    color: #ffffff;
    border: 2px solid #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 26px;
    font-family: 'Roboto', sans-serif;
    -webkit-transition: all .5s cubic-bezier(0.4, 0, 1, 1);
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
    padding: 10px;

}

.mainmenu-area .right-area .thm-btn:hover {
    color: #ec1d24;
    border: 2px solid #ec1d24;
}

.main-menu .navbar-toggle .icon-bar {
    background: #ec1d24;
    width: 30px;
}

.mobile-menu > li > a {
    background: #fff;
    padding: 10px 20px;
    line-height: 22px;
    color: #222;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    border-top: 1px solid  #ec1d24;
}

.mainmenu-area.stricky .navbar-collapse li a:hover {
    color: #ec1d24;
}

.feature-style-three .item-list .item .inner-box {
    position: relative;
    padding-left: 82px;
    color: #fff;
}

.main-menu {
    position: relative;
    margin-top: -105px !important;
    width: 224px;
    margin-left: 79px;
}

.main-logo {
    margin: 15px 0 15px;
    margin-left: -85px;
}

}



