@media (max-width: 1170px){


	}
@media (max-width: 991px) {

		.question h2{
			font-size: 40px;
		}

		.side-ele-1{
		display: none;
		}

		.answer {
		right: -35px;
		width: 38%;
/*		height: auto;*/
		padding: 210px 20px	50px 20px;
		max-height: 100vh;
	}

	.increase-width{
		width: 66% !important;
		padding: 0 20px;
		padding: 210px 40px 50px 20px;
	}

	.answer h2{
		font-size: 40px;

	}

	#third .bulb-carousel .carousel-item p{
		width: 60%;
	}

	.card{
		height: 25rem !important;
	}

	}

@media (min-device-width: 480px)  and (max-width: 767px)   and (orientation: landscape) {

	.desktop-logo{
		display: none !important;

	}

	.outer-menu .menu > div > div > ul{
		padding: 3.4rem 1rem
	}
	.mobile-logo{
		display: block;
	}

	.answer {
		right: -35px;
		width: 38%;
		height: auto;
		padding: 100px 20px	50px 20px;
		max-height: 100vh;
	}

	.answer h2{
		font-size: 30px;
	}

	.height{
		height: 30vh !important;
	}
	.expand-class{
		font-size: 15px;

	}

	.increase-width{
		width: 120% !important;
	}
	.increase-width .height{
		overflow-y: scroll;
		height: auto !important;
		font-size: 15px!important
	}

	header .carousel-indicators{
		bottom: -10%;
	}
	.question h2 {
		font-size: 30px;
	}

	.close-block{
		font-size: 15px;
		position: absolute;
	    right: 12%;
	    bottom: 4%;
	}
	.element-box{
		display: none;
	}
	.section-wrapper{
		padding-top: 50px;
	}

	.section-wrapper h3{
		font-size: 20px;
	}
	.section-wrapper h1 {
		font-size: 30px;
	}

	.video-bg{
		width: 90%;
		height: auto;
	}

	.video-bg iframe {
    width: 100%;
    height: 250px;
	}
	.side-ele-1{
		display: none;
	}

	.content-creation{
		padding-top: 0px;
	}

	.main-image {
		max-height: 350px !important;
	}

	.content-creation .container{
		padding: 0px;
	}

	.card{
		height: 30rem !important;
		width: 25rem;
		margin: 0 auto;
	}
	/*.mobile-composition, .mobile-composition2, .mobile-composition3{
		background-image: none;
	}*/
}


	@media (max-width: 600px) {
		
		header{
			height: auto;
			overflow: visible;
			padding: 0px;
			min-height: 100vh;

		}

		.icons{
			padding: 0px 0px 0px 20px;
			/*position: fixed !important;
		    top: 0 !important;
		    width: 100% !important;
		    z-index: 999999999999999 !important;
		    display: inline-table;
		    left: 0;*/
		}

		.sticky{
			display: inline-table !important;
			padding: 0 0  0 20px !important;
		}
		.nav{
			height: 100vh;
			/*background-color: #ED1C24;*/
		}

		.text-wrapper{
			height: 85vh;

		}
		.who-we-are{
			padding: 100px 30px 30px 30px;
			height: auto;
		}

		.who-we-are p{
			margin: 20px;
		}
		.content-carousel{
			padding-left: 30px;
		}

		.form-wrapper{
			height: auto !important;
			/*max-height: 110vh;*/
			padding: 50px 20px ;
		}
		.question h2{
			font-size: 25px;
		}

		.question{
			width: 100%;
			top: 20%;
		}

		.answer{
			width: 100%;
			top: 50%;
			height: auto;
			position: absolute;
			left: 0;
			background-color: transparent;
			padding: 0px;
			}
			.expand-class, .close-block{
				font-size: 18px;
			}

		header .carousel-indicators{
			justify-content: center !important;
			margin: 0px;
			width: 100%;
		}

		.desktop-logo{
			display: none;
		}

		.mobile-logo{
			display: block;
		}

		.answer h2{
			font-size: 23px;
			line-height: 1.2;
			height: 80px;
   			margin: 20px 0;
		}
		.section-wrapper{
			padding-top: 60px;
		}
		.video-bg{
			overflow: hidden;
			width: 100%;
			height: 200px;
		}


		.video-bg iframe{
			height: 200px;
		}

		.element-box {
		    position: absolute;
		    height: 80px;
		    margin: 0 auto;
		    width: 111px;
		    transform: translate(16.5rem, -4rem);
		    display: none;
		}

		.mobile-composition, .mobile-composition2, .mobile-composition3{
			margin: 50px 0;
		}

		.side-ele-1{
			width: 65%;
			top: 34%;
		}

		.content-wrapper1{
			margin-left: 23%;
		}
		.section-wrapper h1{
			font-size: 25px;
		}

		.section-wrapper h3{
			font-size: 20px;
		}

		#footer{
			padding: 50px 0;
			height: auto;
		}

		#footer h4{
			font-size: 20px;
		}

		#footer h3{
			font-size: 25px;
		}

		.footer-link{
			padding: 0px;
		}

		.footer-link li{
			float: none;
			margin: 0px;
			border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
			padding: 5px 0;
		}


		.content-creation{
			overflow: hidden;
			padding: 0px !important;
		}

		.main-image{
			height: 440px;
		}

		.mobile-composition2 img:nth-child(2) {
		    top: 216px;
		    height: 119px;
		    transform: translateX(-83px);
		}

		.mobile-composition img:nth-child(2) {
	    top: 95px;
	    height: 115px;
		}

		.mobile-composition img:nth-child(3) {
		    top: 126px;
		    height: 70px;
		    right: 0;
		    transform: translate(-66px, 0);
		}

		.mobile-composition img:nth-child(4) {
		    top: 166px;
		    height: 56px;
		    right: 0;
		    transform: translate(-66px, 0);
		}

		.mobile-composition img:nth-child(5) {
		    top: 195px;
		    height: 83px;
		    right: 0;
		    transform: translate(-70px, 0);
		}

		.mobile-composition img:nth-child(6) {
		    top: 257px;
		    height: 115px;
		    right: 0;
		    transform: translate(-107px, 0);
		}


		.mobile-composition3 img:nth-child(2) {
		    top: 95px;
		    height: 306px;
		    transform: translateX(-115px);
		}

		.card-carousel{
			margin: 0px;
		}
		#third{
			height: auto;
			padding-top: 5rem;
			margin-top: -100px;
		}
		#third .bulb-carousel .carousel-item h2 {
		    max-width: 250px;
		    margin: 0 auto;
		    font-size: 18px;
		    color: #2e2011;
		    padding-top: 100px; 
		}

		#third .bulb-carousel .carousel-item p {
		    max-width: 230px;
		    margin: 0 auto;
		    margin-top: 10px;
		    font-size: 14px;
		    color: #282828;
		}

		#second-section{
			height: auto;
		}

		header .carousel-indicators li{
			margin: 5px;
		}

		.increase-width {
		    width: 110% !important;
		    height: auto;
		    z-index: 555555;
		    position: absolute;
		    background-color: #F7A0A0;
		    top: 0;
		    left: -30px;
		    right: 0;
		    padding: 130px 20px;
		    height: 100vh;
		}

		.increase-width h2{
			font-size: 15px !important;
			font-weight: 400;
			height: auto;
		}

		header .carousel-item{
			height: auto;
		}

		.decrease-width{
			display: none;
		}

		.nopadding{
			padding: auto;
		}

		#engt-conversation{
		  top: 0px !important;
		  z-index: 5555555555 !important;
		}

		.carousel-multi-item .custom-inner{
		  /*padding-top: 6.5rem !important;*/
		}

		.icons button{
			right: 30px;
		}

		.outer-menu {
		  top: 20px;
		  left: 40%;
	/*	  z-index: 1;*/
		}
	}