@media only screen and (max-width: 1390px){
	.gallery-tabs .tabs-two .tab{
		padding-right:30px;	
	}
}

@media only screen and (max-width: 1139px){
	
	.intro-section h3{
		margin-bottom:15px;	
	}
	
	.vertical-gallery .slide-desc{
		position:absolute;
		left:0px !important;
		bottom:0px !important;
		margin-bottom:0px;
		padding:20px 20px 20px 90px !important;
		opacity:1 !important;	
	}
}

@media only screen and (max-width: 1023px){
	
	.fixed-top-header{
		position:relative;	
	}
	
	.main-header .logo,
	.main-header .header-top .search-form,
	.main-header .header-top .user-links{
		float:none !important;
		width:100% !important;
		text-align:center;	
	}
	
	.main-header .header-top .search-form .form{
		padding:0px;	
	}
	
	.main-header .header-top .large{
		width:60%;	
	}
	
	.main-header .header-top .medium{
		width:40%;	
	}
	
	.owl-carousel .owl-stage-outer{
		overflow:visible;	
	}
	
	.blog-section .column-box .inner-box{
		padding-left:0px;	
	}
	
	.blog-section .column-box .inner-box .image{
		position:relative;
		width:100%;
		height:auto;
	}
	
	.blog-section .column-box .inner-box .image img{
		display:block;	
	}
		
}

@media only screen and (min-width: 768px){
	.main-menu .navbar-collapse > ul > li > ul,
	.main-menu .navbar-collapse > ul > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
}


@media only screen and (max-width: 767px){
	
	.main-header{
		overflow:hidden;	
	}
	
	.fixed-top-header{
		position:relative !important;	
	}
	
	.main-header .logo{
		float:none;
		width:100%;	
	}
	
	.main-header .main-menu{
		float:none;
		width:100%;
		padding:0px;
		margin:16px 0px 0px;
	}
	
	.main-menu .collapse {
	   max-height:none;
		overflow:hidden;
		padding:0px;
		border:1px solid #ffffff;
		margin:10px;
		border-radius:3px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
   }
   
	.main-menu .collapse.in,
	.main-menu .collapsing{
		padding:0px;
		border:1px solid #ffffff;
		margin:10px;
		border-radius:3px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;	
	}
	
	
	.main-menu .navbar-header{
		position:relative;
		float:none;
		display:block;
		top:-7px;
		right:15px;
		width:auto;
		z-index:12;
	}
	
	.main-menu .navbar-header .navbar-toggle{
		display:block;
		z-index:7;
		border:1px solid #ffffff;
		margin:0px 0px 0px 0px;
	}
	
	.main-menu .navbar-header .navbar-toggle .icon-bar{
		background:#ffffff;	
	}
	
	.main-header .main-menu .navbar-nav{
		float:none !important;
		margin:0px;
		width:100%;
		background:#BD1111;
	}
	
	.main-menu .navbar-collapse > ul > li{
		margin:0px;
		float:none;
		width:100%;
	}
	
	.main-menu .navbar-collapse > ul > li > a{
		padding:10px 10px !important;
	}
	
	.main-menu .navbar-collapse > ul > li > a:after{
		display:none;	
	}
	
	.main-menu .navbar-collapse > ul > li > ul,
	.main-menu .navbar-collapse > ul > li > ul > li > ul{
		position:relative;
		border:none;
		float:none;
		visibility:visible;
		opacity:1;
		display:none;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		width:100%;
		background:#BD1111;
		border-radius:0px;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
		transition:none !important;
		-webkit-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		-moz-transition:none !important;
	}
		
	.main-menu .navbar-collapse > ul > li > ul,
	.main-menu .navbar-collapse > ul > li > ul > li > ul{
		border-top:1px solid rgba(255,255,255,1) !important;	
	}
	
	.main-menu .navbar-collapse > ul > li,
	.main-menu .navbar-collapse > ul > li > ul > li,
	.main-menu .navbar-collapse > ul > li > ul > li > ul > li{
		border-top:1px solid rgba(255,255,255,1) !important;	
	}
	
	.main-menu .navbar-collapse > ul > li:first-child{
		border:none;	
	}
	
	.main-menu .navbar-collapse > ul > li > a,
	.main-menu .navbar-collapse > ul > li > ul > li > a,
	.main-menu .navbar-collapse > ul > li > ul > li > ul > li > a{
		padding:10px 10px !important;
		line-height:22px;
		color:#ffffff;
		background:#36404b;
	}
	
	.main-menu .navbar-collapse > ul > li > a:hover,
	.main-menu .navbar-collapse > ul > li > a:active,
	.main-menu .navbar-collapse > ul > li > a:focus{
		background:#BD1111;
	}
	
	.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
		display:block;
	}
	
	.main-menu .navbar-collapse > ul li.dropdown:after,
	.main-menu .navbar-collapse > ul > li.dropdown > a::after{
		display:none !important;	
	}
	
	.main-header .header-lower .social-outer{
		position:absolute;
		left:0px;
		top:0px;
	}
	
	.main-header .header-lower .social-outer .text-right{
		text-align:left;
		z-index:6;
		max-width:240px;	
	}
	
	.gallery-tabs .tabs-two .tabs-content{
		position:relative;
		padding:0px !important;
		margin:20px 0px 0px;
		height:350px;	
	}
	
	.gallery-tabs .tabs-two .tab,
	.gallery-tabs .tabs-two .slide-item{
		padding:0px !important;
		height:350px;	
	}
	
	.gallery-tabs .tabs-two .bx-controls{
		right:22px !important;	
	}
	
	.ms-tabs-vertical-template{
		padding-right:0px !important;	
	}
	
	.ms-vertical-template .ms-thumb-list.ms-dir-v,
	.vertical-gallery .slide-desc{
		display:none !important;	
	}
	
	.sidebar-page .comments-area .reply-btn{
		position:relative;
		top:5px;
		bottom:0px;	
	}
	
	.sidebar-page .side-bar{
		margin-top:50px;	
	}
	
	.map-location{
		height:300px;	
	}
	
	.page-banner{
		padding-top:50px;	
	}
	
	.page-banner .page-title h1{
		font-size:30px;	
	}
	
	.tabs-box .tab-title h2{
		font-size:26px;	
	}
	
	.tabs-box .tab-title h3{
		font-size:18px;	
	}
	
	.column-carousel.four-column,
	.column-carousel.two-column{
		padding-top:0px;	
	}
	
	.owl-theme .owl-controls .owl-nav{
		
	}
	
	.column-carousel .owl-controls{
		top:-30px;	
	}
	.header-top-infos > ul > li {
		width: 100% !important;
		margin: auto;
		margin-bottom: 15px;
		border: none;
		border-bottom: 1px solid #D3D3D3;
		padding-bottom: 15px;
	}
	.header-top-infos > ul > li:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}
	
	.gallery-tabs{
		margin-bottom:30px;	
	}

}


@media only screen and (max-width: 599px){
.main-header .header-top .large,
.main-header .header-top .medium{
		width:100%;
		margin-bottom:10px;
	}
	
	.main-header .header-top .form select{
		border-right:1px solid #dddddd;	
	}
	
	.sidebar-page .social-links strong{
		display:block;	
	}
	
	.sidebar-page .comments-area .reply-comment{
		margin-left:0px;	
	}
	

	
}


@media only screen and (max-width: 479px){
	.gallery-tabs .tabs-two .tab,
	.gallery-tabs .tabs-two .slide-item,
	.gallery-tabs .tabs-two .tabs-content{
		height:250px;	
	}
}

@media(min-width:200px) and (max-width:479px)
{
    .sd{width:280px;}
    .column-carousel .owl-controls .owl-prev {
    position: absolute;
    right: 58px;
    top: -44px;
    width: 48px;
    height: 48px;
    text-indent: 100px;
    overflow: hidden;
    border: 1px solid #dddddd;
    margin: 0px !important;
    background: #ffffff url(../images/icons/arrow-prev.png) center center no-repeat !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
}
.column-carousel .owl-controls .owl-next {
    position: absolute;
    right: 0px;
    top: -44px;
    width: 48px;
    height: 48px;
    text-indent: 100px;
    overflow: hidden;
    border: 1px solid #dddddd;
    margin: 0px !important;
    background: #ffffff url(../images/icons/arrow-next.png) center center no-repeat !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
}
.image img{width:250px;}
.logo img{ width:270px ! important; margin-left:0px ! important;}}
    
    @media(min-width:480px) and (max-width:639px)
{
    .sd{width:400px;}
    .logo img{ width:420px ! important; margin-left:0px ! important;}}
    
    
     @media(min-width:640px) and (max-width:767px)
{
    .sd{width:580px;}
    .logo img{ width:520px ! important; margin-left:0px ! important;}}
    
     @media(min-width:768px) and (max-width:1023px)
{
    .sd{width:720px;}
    .main-menu .navbar-collapse > ul > li > a {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 16px 20px;
    color: #ffffff;
    background: none;
    overflow: hidden;
    text-transform: uppercase;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.price-plans .col-md-6, .price-plans .col-md-12{width:100%;}
.col-md-12.col-sm-6.col-xs-12.tabs-content.clearfix{ width:100%;}
.logo img{ width:420px ! important; margin-left:0px ! important;}
.skew-lines {
    position: relative;
    font-size: 18px;
    padding-left: 50px;
}
}
      @media(min-width:1024px) and (max-width:1283px)
{
    .skew-lines:before, .skew-lines:after { display:none;}
    .sd{width:820px;}}
    
    @media(min-width:280px) and (max-width:1020px)
    {
    
    #desk{display:none;}}
     @media(min-width:1021px) 
    {
    
    #mob{display:none;}
    }
    @media(width:1024px)
    {
       #ds, #ds1,#ds2,#ds3,#ds4,#ds5,#ds6,#ds7, #sk
       {margin-bottom:40px;}
       #sk{margin-top:30px;}
       #ds{margin-top:50px;}
    .inner-box .post-content .skew-lines:after, .inner-box .post-content .skew-lines:before {
    display:none;
}
.skew-lines{padding-left:10px;}
    }
    
    
    
    @media(min-width:200px) and (max-width:700px)
    {
        .header-lower .social-links {
    position: relative;
    padding-top: 3px;
  text-align: left !important; 
}
a.theme-btn.dark-btn {
    margin-bottom: 20px;
}
.side-bar .cont-info .cont-box .info li {
    position: relative;
    margin-bottom: 5px;
    line-height: 1.7em;
    color: #565656;
    font-size: 15px;
}
.side-bar .cont-info .cont-box {
    position: relative;
    padding: 10px 10px;
    border: 1px solid #dddddd;
    font-size: 14px;
    line-height: 1.8em;
    color: #565656;
}}

@media(min-width:701px) and (max-width:850px)
{
   .header-lower .col-sm-12 {
    width: auto;
}
a.theme-btn.dark-btn {
    margin-bottom: 20px;
}
.col-md-4{width:100%;}
.col-md-4 img{width:100%;}
}