@charset "utf-8";
/* CSS Document */


/*

@media screen and (min-width: 1200px) {
}
@media screen and (min-width: 992px) and (max-width: 1199px)  {
} 
@media screen and (min-width: 992px) and (max-width: 1199px)  {
}
@media screen and (min-width: 768px) and (max-width: 991px)  {
}
@media screen and (max-width: 767px) {
}
@media only screen and (max-width : 480px) {
}
@media only screen and (max-width : 320px) {
}

*/


@media screen and (max-width: 767px) {
    
.home-slider .item img.slot1{
    object-position: -800px center;
}

.home-slider .item img.slot2{
    object-position: -800px center;
}

.home-slider .item img.slot3{
    object-position: -487px center;
}

.home-slider .item img.slot4{
    object-position: -630px center;
}

.home-slider .item img.slot6{
    object-position: -630px center;
}

.home-slider .item img.slot7{
    object-position: -530px center;
}

.home-slider .item img.slot8{
    object-position: -548px center;
}

.home-slider .item img.slot9{
    object-position: -830px center;
}


.mob-disnone{
	display:none !important;}
	
.desk-disnon{
	display:block !important;}
	
.mob-nav-btn{
	height:100px;
	line-height:100px;
	text-align:right;}
	
.mob-nav-btn a{
	font-size:26px;
	color:#fff;}
	
.sticky .mob-nav-btn{
	height:80px;
	line-height:80px;}
	
.mobile-collapse-menu{
	display:none;
	background: rgba(0,0,0,.8);}
	
.sticky .mobile-collapse-menu{
	background:none !important;}
	
.mobile-collapse-menu nav{
	height:auto;
	max-height:77vh !important;
	line-height:normal !important;
	overflow:auto;}
	
.mobile-collapse-menu nav ul{
	line-height:normal !important;
	text-align:center !important;}
	
.mobile-collapse-menu nav li{
	display:block;
	margin:0 !important;}
	
.mobile-collapse-menu nav li a{
	display:block;
	padding:20px 0;}
	
.mobile-collapse-menu nav li{
	font-size:21px !important;}
	
.mobile-collapse-menu .searchbar{
	padding:0 !important;
	background:none;
	width:100%;
	display:block !important;
	position:static !important;
	left:inherit !important;
	top:inherit !important;}
	
.mobile-collapse-menu .cart-and-search{
	height:auto;}
	
.mobile-collapse-menu .cart-and-search ul{
	padding:10px 20px;
	line-height:normal !important;
	display:flex;}
	
.mobile-collapse-menu .cart-and-search ul li{
	margin:0;
	display:block;
	width:50%;}
	
.mobile-collapse-menu .cart-and-search ul li:nth-child(1){
	text-align:left;}
	
.mobile-collapse-menu .cart-and-search ul li a{
	display:inline-block;
	margin-top:4px;}
	
.slide-content h1 {
    font-size: 35px;
    text-align: center;
	font-weight:500;}
	
.slide-content h1 span{
	font-size:50px;}
	
.slide-content h1  font{
	display:block;}
	
.common-hdng h1{
	font-size:30px;}
	
.about-us-text{
	text-align:center;}
	
.about-us-text h1{
	font-size:45px;}
	
.about-us-text h5{
	font-size:26px;}
	
.about-us-text p{
	line-height:28px;}
	
.about-us-img{
	width:100%;
	margin-top:40px;}
	
.contact-details ul{
	text-align:center;
	margin-bottom:50px;}
	
.contact-details ul li{
	display:block;
	margin:0 0 15px 0;}
	
.contact-details ul li:last-child{
	margin:0;}
	
.contact-text{
	margin:0;}
	
.conatct-form .text-right{
	text-align:center !important;}
	
.subscribe-form{
	width:100%;}
	
.socail-icon{
	margin-top:42px;}
	
.socail-icon ul{
	margin:0;}
	
.back-to-top {
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;}
	
.fs-lightbox-control_previous{
	left:14px !important;}

.fs-lightbox-control_next{
	right:14px !important;}
	
.dropdown{
	background:none;
	display:none;
	width:100%;
	animation:none !important;
	position:static !important;}
	
.mobile-collapse-menu nav li span{
    font-size: 15px;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 72px;
    bottom: 0;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: #000;}
	
.mobile-collapse-menu nav li:hover .dropdown{
	display:none;}
		
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
nav ul li {
    margin-right: 20px;}

nav ul li a {
    font-size: 15px;}
	
.contact-details{
	width:100%;}
	
.contact-details ul li span {
    width: 80px;
    height: 80px;
    line-height: 80px;}
		
.contact-details ul{
	text-align:center;}
	
.contact-details ul li{
	display:block;
	margin:0 0 15px 0;}
	
.contact-details ul li:last-child{
	margin:0;}
	
.contact-text{
	margin:0;}

.mobile-collapse-menu nav li:hover .dropdown{
	display:none;}
	
.about-us-img{
	width:100%;}
	

}

@media screen and (min-width: 320px) and (max-width: 1024px) {
	
.fs-lightbox-close{
    top: 25px !important;
    right: 25px !important;}
	
}