@media(min-width: 991px){
	.hide-desktop{
		display: none!important;
	}
}

@media(max-width: 991px){
	.hide-mobile{
		display: none!important;
	}
}

@media(max-width: 1200px){
	.section1 .first-col{
		max-width: 100%;
	}
	.header .menu{
		display: none;
	}

	.section11 .box{
		width: 30%;
	}

	.no-mobile{
		display: none;
	}

	.header .menu-mobile{
		display: inline-block;
		float: right;
	}
	
}

@media(max-width: 991px){

	.hideme{
		opacity: 1;
	}
	
	.section1 h1{
		font-size: 50px;
		line-height: 60px;
	}

	img.rolls{		
		/* max-width: fit-content;
		left: 50%;
		transform: translate(-50%, 0%);
		position: relative; */
		transform: scale(2);
	}
	img.rolls.super{		
		transform: scale(1.4);
	}
	.section8 .container-fluid .box{
		padding: 60px 30px;
	}

	img.bb{
		min-height: 500px;
    	object-fit: cover;
	}
	.content-blue .floating-right .box{
		width: 47%;
	}

	.section11 .box{
		width: 47%;
	}

	.footer .section{
		margin: 30px 0;
	}

	.slick-slider .nextArrowSlick {
		right: 0;
	}
	.slick-slider .prevArrowSlick {
		left: 0;
	}

	.main-carousel .carousel-cell{
		width: 33%;
		margin: 0 15px;
	}

	.contact-section{
		padding: 60px 30px;
	}

	.section8 .container-fluid .box h2{
		font-size: 48px;
		max-width: 100%;
	}

	.parallax{
		display: none;
	}

	.section8 .container-fluid .box .logo2{
		position: relative;
		top: 0;
		right: 0;
	}

	.section2{
		margin-top: 100px;
	}

	
}