/*
Name : responsive.css
Type : Default Style
*/

@media (min-width: 991px) {
	.desktop-hide {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 990px) {
	.tablet-hide {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.mobile-hide {
		display: none !important;
	}
}


/*@media screen and (orientation:landscape) {
	body:before {
		content: 'Please rotate your device first!';
		color: #404040;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background: rgba(255, 255, 255, 0.5);
		padding: 30px;
		border-radius: 20px;
	}
	.main-wrapper {
		display: none;
	}
}*/
/*@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {*/
@media screen and (max-width: 767px) and (min-aspect-ratio: 13/9) {
  body:before {
		content: 'Please rotate your device first!';
		color: #404040;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background: rgba(255, 255, 255, 0.5);
		padding: 30px;
		border-radius: 20px;
	}
	.main-wrapper {
		display: none;
	}
}


@media only screen and (max-width : 992px) {

	/*container*/
	.container {
		width: inherit;
	}

}

@media only screen and (max-width : 640px) {

	/* heading */
	h1 {
		font-size: 42px;
		margin-bottom: 10px;
	}
	h2 {
		font-size: 12px;
		margin-bottom: 25px;
	}

	/* content style */
	.mouse-scroll-style {
		width: 32px;
	}
	.slide2 .content .wrap {
		font-size: 14px;
	}

	.slide3 .content .wrap#anim-3 {
		left: inherit;
		width: 92%;
		text-align: center;
	}
	.slide4 .content .wrap#anim-4 {
		left: 0;
		right: inherit;
		width: 100%;
		text-align: center;
	}
	.slide5 .content .wrap#anim-5 {
		left: 0;
		right: inherit;
		width: 100%;
		text-align: center;
	}
	.slide3 .content .wrap#anim-3 img,
	.slide4 .content .wrap#anim-4 img,
	.slide5 .content .wrap#anim-5 img {
		margin: 0 auto;
	}
	.slide3 .content .wrap#anim-3.move {
		bottom: 60%;
	}
	.slide4 .content .wrap#anim-4.move {
		bottom: 25%;
	}
	.slide5 .content .wrap#anim-5.move {
		bottom: 1%;
	}

	.slide6 .content .wrap#anim-6,
	.slide7 .content .wrap#anim-7,
	.slide8 .content .wrap#anim-8 {
		left: inherit;
		right: inherit;
		width: 92%;
		text-align: center;
	}
	.slide6 .content .wrap#anim-6.move {
		bottom: 70%;
	}
	.slide7 .content .wrap#anim-7.move {
		bottom: 50%;
	}
	.slide7 .content .wrap#anim-7.move-out {
		bottom: -100%;
	}
	.slide8 .content .wrap#anim-8.move {
		bottom: 23%;
	}

	.slide9 .content .wrap {
		position: relative;
		top: 0;	
		margin-top: 17%;
	}
	.slide9 .content .wrap img.style2 {
		left: inherit;
		right: 5%;
		top: 1%;
	}
	.slide9 .content .wrap img.style3 {
		width: 50%;
		top: 53%;
	}
	.slide9 .content .wrap img.style4,
	.slide9 .content .wrap img.style5 {
		margin-bottom: 15%;
	}

	.slide10 .content .wrap img {
		top: 10%;
	}
	.slide10 .content .wrap .wrap-text {
		/*top: 27%;*/
		position: absolute;
		top: 38%;
    	left: 50%;

    	transform: translate(-50%, -50%);
    	width: 100%;
    	max-width: 100%;
	}

	.slide11 .content .wrap {
		margin: 17% 0 0 0;
		max-width: inherit;
	}
	.slide11 .content .wrap .wrap-text.style5 {
		width: 100%;
		max-width: 100%;
	}
	.slide11 .content .wrap .wrap-img .left, 
	.slide11 .content .wrap .wrap-img .right {
		width: 100%;
		overflow: hidden;
	}
	.slide11 .content .wrap .wrap-img .left {
		height: 25vh;
	}
	.slide11 .content .wrap .wrap-img .right {
		height: 42vh;
	}
	.slide11 .content .wrap .wrap-img .left img {
		display: none !important;
	}
	.slide11 .content .wrap .wrap-text.style6 {
		width: 100%;
	}
	.slide11 .content .wrap .wrap-text.style7 {
		top: 15px;
		padding: 10px;
	}
	.slide11 .content .wrap .wrap-text.style8 {
		top: 100%;
		margin-top: 10px;
		right: inherit;
		width: 100%;
	}

	.slide12 .content .wrap {
		margin: 17% 0 0 0;
	}
	.slide12 .content .wrap .wrap-img .left img {
		margin-left: 0;
	}
	.slide12 .content .wrap .wrap-img .left img.style2 {
		left: 3%;
		top: 1%;
		width: 95%;
	}
	.slide12 .content .wrap .wrap-img .left img.style2:nth-child(3) {
    	top: 13%;
	}
	.slide12 .content .wrap .wrap-img .right {
		left: 1.5%;
	}
	.slide12 .content .wrap .wrap-img .right img.style2 {
		width: 47%;
	}
	.slide12 .content .wrap .wrap-img .right .wrap-text.style3 {
		font-size: 10px;
		text-align: center;
		line-height: 14px;
	}

	.slide13 .content .wrap {
    	margin: 17% 0 0 0;
	}
	.slide13 .content .wrap .wrap-img {
		height: 80vh;
	}
	.slide13 .content .wrap .wrap-img .left img.style1 {
		position: relative;
		z-index: 1;
	}
	.slide13 .content .wrap .wrap-img .left img.style2 {
		right: -100%;
		top: -2px;
	}
	.slide13 .content .wrap .wrap-img .right {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 65%;
	}
	.slide13 .content .wrap .wrap-img .right img.style2 {
		width: 80%;
		left: inherit;
		right: 3%;
		z-index: 2;
	}
	.slide13 .content .wrap .wrap-img .right img.style3 {
		width: 47%;
		top: inherit;
		bottom: 13%;
	}

	.slide14 .content .wrap {
    	margin: 17% 0 0 0;
	}
	.slide14 .content .wrap .wrap-img img.style1 {
		margin-top: 67%;
	}
	.slide14 .content .wrap .wrap-img img.style2 {
		left: 0;
	}
	.slide14 .content .wrap .wrap-img img.style3 {
		width: 50%;
		top: inherit;
		right: -5px;
		bottom: 20%;
	}

	.slide15 .content .wrap {
    	margin: 17% 0 0 0;
	}
	.slide15 .content .wrap .wrap-img img.style2 {
		top: 0;
		left: 0;
	}
	.slide15 .content .wrap .wrap-img img.style3 {
		top: 105%;
		right: inherit;
		left: 0;
	}

	.slide16 .content .wrap {
    	margin: 17% 0 0 0;
	}
	.slide16 .content .wrap .wrap-img img.style1 {
		width: 100%;
	}
	.slide16 .content .wrap .wrap-img img.style2 {
		width: 100%;
	}
	.slide16 .content .wrap .wrap-img img.style3 {
		width: 30%;
		left: 0;
	}
	.slide16 .content .wrap .wrap-img img.style4 {
		width: 40%;
		right: -10px;
		bottom: -20%;
	}

	.slide17 .content .wrap {
    	margin: 17% 0 0 0;
	}
	.slide17 .content .wrap .wrap-img img.style1 {
		width: 100%;
	}
	.slide17 .content .wrap .wrap-img img.style2 {
		width: 100%;
	}
	.slide17 .content .wrap .wrap-img img.style3 {
		left: 2%;
	}
	.slide17 .content .wrap .wrap-img img.style4 {
		right: inherit;
		bottom: -20%;
	}

	.slide18 .content .wrap {
    	margin: 17% 0 0 0;
	}
	.slide18 .content .wrap .wrap-img img.style1 {
		margin-top: 20%;
	}
	.slide18 .content .wrap .wrap-img img.style2 {
		top: 0;
		left: 0;
	}
	.slide18 .content .wrap .wrap-img img.style3 {
		top: inherit;
		left: inherit;
		bottom: -70%;
		right: 0;
	}

	.slide19 .content .wrap {
    	margin: 17% 0 0 0;
	}
	.slide18 .content .wrap .wrap-img img.style1 {
		margin-top: 15%;
	}
	.slide19 .content .wrap .wrap-img img.style2 {
		width: 45%;
	}

	.slide20 .content .wrap {
    	margin: 17% 0 0 0;
	}
	.slide20 .content .wrap .wrap-img img.style1 {
		margin-top: 25%;
	}
	.slide20 .content .wrap .wrap-img img.style2 {
		width: 100%;
	}

	.slide21 .content .wrap {
    	margin: 17% 0 0 0;
	}
	.slide21 .content .wrap .wrap-img img.style1 {
		margin-top: 33%;
	}
	.slide21 .content .wrap .wrap-img img.style2 {
		width: 100%;	
	}
	.slide21 .content .wrap .wrap-img img.style3 {
		width: 100%;
		top: 60%;
	}

	.slide22 .content .wrap {
    	margin: 17% 0 0 0;
	}
	.slide22 .content .wrap .wrap-img img.style1 {
		top: -35%;
	}

	.slide23 .content .wrap {
    	margin: 17% 0 0 0;

    	left: inherit;
		transform: inherit;
		-webkit-transition: inherit;
	}
	.slide23 .content .wrap .wrap-img img.style1 {
		margin-top: 40%;
	}
	.slide23 .content .wrap .wrap-img img.style2 {

	}
	.slide23 .content .wrap .wrap-img img.style3 {
		left: -5px;
		right: inherit;
		top: -20%;
	}
	.slide23 .content .wrap .wrap-img img.style4 {
		left: 71%;
		bottom: -20%;
	}
	.slide23 .content .wrap .wrap-text.style5 {
		left: 10px;
	}

	.slide24 .content .wrap {
    	margin: 17% 0 0 0;
	}
	.slide24 .content .wrap ul {
		margin: 15% 10%;
	}
	.slide24 .content .footer .left,
	.slide24 .content .footer .center {
		display: none;
	}
	.slide24 .content .footer .right {
		width: 100%;
		text-align: center;
	}


	/* socmed */
	.socmed > li {
		margin: 10px 10px 0 0;
	}


}