@import "./node_module/bootstrap/scss/bootstrap";   
// Required
@import "./node_module/bootstrap/scss/functions";
@import "./node_module/bootstrap/scss/variables";
@import "./node_module/bootstrap/scss/mixins";
@import "./variables";

@mixin max-media-width($width){ 
    @media (max-width:$width) {
        @content;  
    }
} 

@mixin min-media-width($width){ 
    @media (min-width:$width) {
        @content;  
    }
}

@function weight($weight-name){
     @return map-get($font-weights, $weight-name);
}

@font-face {
	font-family: Gotham Rounded;
	src: url(../fonts/GothamRoundedLight_21020.ttf);
	font-weight: weight(light);
}
@font-face {
	font-family: Gotham Rounded;
	src: url(../fonts/GothamRoundedBook_21018.ttf);
	font-weight: weight(normal);
}
@font-face {
	font-family: Gotham Rounded;
	src: url(../fonts/GothamRoundedMedium_21022.ttf);
	font-weight: weight(mini-bold);
}
@font-face {
	font-family: Gotham Rounded;
	src: url(../fonts/GothamRoundedBold_21016.ttf);
	font-weight: weight(bold);
}
@font-face {
	font-family: Fashion Fetish;
	src: url(../fonts/Fashion-Fetish-Light.ttf);
	font-weight:  weight(mini-light);
}
@font-face {
	font-family: Fashion Fetish;
	src: url(../fonts/Fashion-Fetish-Regular.ttf);
	font-weight:  weight(normal);
}  
@font-face {
	font-family: Fashion Fetish;
	src: url(../fonts/Fashion-Fetish-Bold.ttf);
	font-weight:  weight(mini-bold);
}
@font-face {
	font-family: Fashion Fetish;
	src: url(../fonts/Fashion-Fetish-Heavy.ttf);
	font-weight:  weight(bold);
}


body{ 
	background: white;
	background-repeat: no-repeat;
	background-size: cover;
	padding:0px 0px;
	color:$siteColor!important;
	font-size:21px;
	font-weight: weight(bold);
	font-family: 'Gotham Rounded','Roboto';
	@include max-media-width(991px){
		font-size: 19px;
	}
	@include max-media-width(575px){
		font-size: 14px;
	}
	.container {
		max-width: 1440px;
		
		@include  min-media-width(992px){
			max-width: 960px;
		} 
		@media (min-width: 1200px){
		
			max-width: 1140px;
		
		}
		@include  min-media-width(1300px){
			max-width: 1240px;
		} 
		@include  min-media-width(1400px){
			max-width: 1340px;
		}
		 
	}
	.header{
		padding:55px 0 0; 
		@include max-media-width(991px){ 
			padding:30px 0;
		}
		@include max-media-width(767px){
			padding:25px 0; 
		}
		
	}

	.logo{ 
		max-width:250px;
		@include max-media-width(575px){ 
			max-width:250px;
		}
		@include max-media-width(375px){ 
			max-width:200px;
		}
	}
	.vertical-center {
		min-height: 60%;  /* Fallback for browsers do NOT support vh unit */
		min-height: 60vh; /* These two lines are counted as one :-)       */ 
		display: flex;
		align-items: center;
		
		
		@include max-media-width(767px){  
			min-height: auto; /* These two lines are counted as one :-)       */ 
			display: block;
			align-items: none;
		}
		@include min-media-width(992px){   
			min-height: 25vh;  
		}
		@include min-media-width(1024px){   
			min-height: 30vh;  
		}
		@include min-media-width(1240px){   
			min-height: 50vh;  
		}
		@include min-media-width(1921px){   
			min-height: 45vh;  
		}
	}
	.banner{ 
		/* background-image: url('../img/bg.svg'); */
		background-repeat: no-repeat;
		background-size: 100%; 
		background-position: center; 

		margin:0 -15px; 
	
		.banner-back{ 
			min-height: auto;
			@include max-media-width(991px){ 
				background-image: none;
				min-height: 910px;
			} 
			@include max-media-width(428px){ 
				min-height:730px;
			}
			@include max-media-width(414px){ 
				min-height:700px;
			}
			@include max-media-width(380px){ 
				min-height:615px;
			}
		}
		.bg-color{ 
			background-color: #ffffff;
			margin-top: 45px;
			@include max-media-width(1880px){ 
				margin-top: 45px;
			}
			@include max-media-width(1724px){ 
				margin-top: 45px;
			} 

		}
		@include max-media-width(991px){ 
			padding: 0px 30px 55px;
			background: #ffffff;
			background-repeat: no-repeat;
			background-size: 64%;
			background-position: center 24%;
	 
		}
		@include max-media-width(834px){ 
			padding: 0px 30px 75px;
			background: #ffffff;
			background-repeat: no-repeat;
			background-size: 64%;
			background-position: center 17%;
	 
		}
		@include max-media-width(767px){  
			
			background: #ffffff;
			background-repeat: no-repeat;
			background-size: 75%; 
			background-position: center 27%; 
		 
		}
		@include max-media-width(480px){  
			padding: 0px 15px 0px;
			background: #ffffff;
			background-repeat: no-repeat;
			background-size: cover; 
			background-position: center 27%; 
	 
		}
		@include max-media-width(414px){  
			background-color: #ffffff;
			background-repeat: no-repeat;
			background-size: cover; 
			background-position: center 27%; 
	 
		} 
		@include max-media-width(375px){   
			background-color: #ffffff;
			background-repeat: no-repeat;
			background-size: cover; 
			background-position: center 27%; 
		 
		}
		.img-bg {
			position: relative; 
			max-width: 100%;
		}
		.header-title {
			
			@include max-media-width(1339px){  
				font-size: 37px;
			}
			
			@include max-media-width(991px){  
				font-size: 60px;
			}
			@include max-media-width(834px){  
				font-size: 47px;
				font-weight: 400;
			}
			@include max-media-width(428px){  
				font-size: 45px;
			}
			@include max-media-width(414px){  
				font-size: 40px;
			}
			@include max-media-width(393px){  
				font-size: 37px;
			}
			@include max-media-width(375px){  
				font-size: 30px;
			}
		}
		  
		.first-header-title { 
			color:#C16F59;
			@include max-media-width(1339px){
				font-size: 18px;
				font-family: 'Roboto';
			}
			@include max-media-width(991px){  
				font-size: 22px;
				font-family: 'Gotham Rounded', sans-serif;
			}
			@include max-media-width(834px){
				font-size: 27px;
				font-family: 'Gotham Rounded', sans-serif;
			} 
			@include max-media-width(834px){
				font-size: 18px;
				font-family: 'Roboto', sans-serif;
			} 
		}
		.header-list-title{
			font-family: 'Gotham Rounded', sans-serif;
			font-weight: bold;

			@include max-media-width(767px){
				margin-top:20px;
				font-size:24px!important;
			}
		}
	
			
	}
	.header-texts{
		padding:3em 15px 2.5em;
		@include max-media-width(1053px){
			padding:2em 15px 2em;
		}
		@include max-media-width(991px){
			padding:5em 15px 5.5em;
		}
		@include max-media-width(834px){
			padding: 4.5em 0px 4.5em;
		}
		@include max-media-width(768px){
			padding: 2.5em 0px 2.5em;
		}
		@include max-media-width(767px){
			padding:0em;
		} 
		
		
	}
	.p-mobile{
		@include max-media-width(600px){
			padding: 0rem!important;
		}
		
	}
	
	.first-header-title{
		font-family: 'Gotham Rounded';
		font-weight: weight(bold);
		font-size:22px;
		@include max-media-width(1024px){
			font-family: 'Roboto';
			font-size:20px;	
		}
		@include max-media-width(991px){
			font-family: 'Roboto';
			font-size:22px;	
			text-align: center;
		}
		@include max-media-width(767px){
			font-family: 'Roboto';
			font-size:21px;	
		}
		@include max-media-width(575px){
			font-family: 'Roboto';
			font-size:18px;	
		}
		@include max-media-width(480px){
			font-family: 'Roboto';
			font-size:17px;	
		}
	}
	.header-title{
		margin-top:30px;
		font-weight: normal;
		font-size:70px;	
		@include max-media-width(991px){ 
			font-size:77px;	
			margin-top:20px;
			text-align: center;
		}
		@include max-media-width(767px){
			font-size:77px;	
			margin-top:10px;
			margin-bottom:10px;
		}
		@include max-media-width(680px){
			font-size:67px;	
			margin-top:10px;
			margin-bottom:10px;
		}
		@include max-media-width(575px){
			font-size:57px;	
			font-weight: 900;
		}
		@include max-media-width(480px){
			font-size:48px;	
			font-weight: 900;
			margin-bottom: 0;
		}
		@include max-media-width(428px){
			font-size:42px;	
			font-weight: 900;
		}
		@include max-media-width(380px){
			font-size:37px;	
			font-weight: 900;
		}
	}
	.list-text{ 
			display: flex;
			align-items: center;
			justify-content: center;
			padding-right: 15%;
			@include max-media-width(991px){
				padding-right: 0;
			} 
		
	}
	.color-white{
		color:#fff;
	}
	.color-default{
		color:#282E3F;
	}
	.f-hel {
		font-family:'Gotham Rounded', sans-serif;
	  	font-weight: weight(mini-bold);
	  	font-size:24px;
	  	line-height:31px;
		  
		@include max-media-width(1338px){  
			font-family: 'roboto', sans-serif;
			font-weight: 700;
			font-size: 18px;
			line-height: 31px;
		}
		 
		@include max-media-width(428px){
			font-size: 26px;
			line-height: 34px;
		}  
		@include max-media-width(414px){
			font-size: 22px;
			line-height: 32px;
		}  
		@include max-media-width(393px){
			font-size: 22px;
			line-height: 32px;
		} 
		@include max-media-width(375px){
			font-size: 22px;
			line-height: 32px;
		} 
	} 
	#email{
		background:#fff;
		color:#282E3F;
		border-radius:25px;
		font-family:'Gotham Rounded', sans-serif;
		font-weight: weight(light);
		font-size:21px;
		height: 50px;	
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
		border-left-width: 2px;
		border-right-width: 2px;
		border-top-width: 2px;	
		border-bottom-width: 2px;
		border-color:#282E3F!important;
		&::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		  color: #282e3fd0;
		  opacity: 1; /* Firefox */
		} 
		&:-ms-input-placeholder { /* Internet Explorer 10-11 */
		  color: #282e3fd0;
		}
	  
		&::-ms-input-placeholder { /* Microsoft Edge */
		  color: #282e3fd0;
		}
		@include max-media-width(600px){  
			font-family:'Roboto', sans-serif;
			font-weight: weight(mini-bold);
			font-size:18px;
			line-height:28px;
		} 
	  }
	  #email2{
		background:transparent;
		color:#282E3F;
		border-radius:25px;
		font-family:'Gotham Rounded', sans-serif;
		font-weight: weight(light);
		font-size:21px;
		border-color:#282E3F!important;
		&::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		  color: #282E3F;
		  opacity: 1; /* Firefox */
		}
	  
		&:-ms-input-placeholder { /* Internet Explorer 10-11 */
		  color: #282E3F;
		}
	  
		&::-ms-input-placeholder { /* Microsoft Edge */
		  color: #282E3F;
		}
	  }
	  #btn-claim{
		font-family:'Gotham Rounded', sans-serif; 
		font-weight:weight(mini-bold); 
		font-size:22px;
		border-radius: 30px; 
		background: #475C4A;
		background-position: top left;
		background-size: 100%;
		background-repeat: repeat;
		border: 2px solid;  
		border-color: #475C4A;
		color: #fff!important;
		&:hover{
			background-image: linear-gradient(to bottom, #5b745e, #5b745e); 
			border-color: #475C4A;
			color: #fff!important;
		}
	  }
	  #btn-claim-buttom{
		font-family:'Gotham Rounded', sans-serif; 
		font-weight:weight(mini-bold); 
		font-size:22px;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
		background-image: linear-gradient(to bottom, #282E3F, #282E3F);
		background-position: top left;
		background-size: 100%;
		background-repeat: repeat;
		border-left-width: 1px;
		border-right-width: 1px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-style: solid;
		border-color: #282E3F;
		&:hover{
			background-image: linear-gradient(to bottom, #E89E59, #E89E59); 
			border-color: #E89E59;
		}
	  }
	  .use-group{
		text-align: center;
		p{
			font-family:  'Gotham Rounded', sans-serif;
			font-weight: weight(normal);
		}
		@include max-media-width(991px){
			text-align: center;
			width: 450px;
			max-width: 100%;
			margin: 0 auto;
		}
		@include max-media-width(767px){
			h4{
				font-size: 18px;
			}
			p{
				font-size: 17px;
			}
		}
		 
	  }
	.header-list{
		font-family:  'Gotham Rounded', sans-serif;
		font-weight: weight(bold);
		font-size:17px;
		padding-left:0px; 
		width: 100%; 
		list-style: none;
		
		@include max-media-width(1024px){
			font-family: 'Roboto';
			font-size:18px;	
		}
		@include max-media-width(991px){
			font-family: 'Roboto';
			font-size:22px;	
			width: 55%;
		}
		@include max-media-width(834px){
			font-family: 'Roboto';
			font-size:22px;	
			width: 75%;
		}
		@include max-media-width(768px){
			font-family: 'Roboto';
			font-size:22px;	
			width: 65%;
		}
		@include max-media-width(767px){
			font-family: 'Roboto';
			font-size:18px;	
			width: 75%; 
		}
		@include max-media-width(680px){
			width: 95%; 
			font-weight: 900;
		}
		@include max-media-width(575px){
			width: 100%; 
			font-weight: 900;
		}
		@include max-media-width(480px){ 
			width: 85%;
		}
		
		@include max-media-width(400px){ 
			width: 100%;
		}
		li {  
			line-height: 38px;
			font-size: 24px;
			;
			&:before { 
				content: '';
				padding: 0px;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background: url('../img/checkbox.webp') no-repeat center center;
				font-size: 20px!important;
				display: inline-block;
				text-align: center;
				position: relative;
				line-height: 29px;
				margin-right: 5px;
				color: #282e3f;
				top:-3px;
			  } 
			
			@include min-media-width(1500px){  
				font-size: 22px;
			}
			@include min-media-width(1339px){  
				font-size: 20px;
			}
			@include max-media-width(1338px){  
				font-size: 18px;
			}
			@include max-media-width(1176px){  
				font-size: 18px;
			}
			
			@include max-media-width(991px){  
				font-size: 25px;
				line-height: 35px;
			}   
			@include max-media-width(834px){  
				font-size: 35px;
				line-height: 45px;
			}   
			@include max-media-width(768px){  
				font-size: 27px;
				line-height: 35px;
			}   
			@include max-media-width(767px){  
				margin-bottom: 5px; 
				line-height: 34px;
				font-size: 24px; 
			} 
			@include max-media-width(480px){  
				margin-bottom: 5px; 
				line-height: 24px;
				font-size: 18px;  
			} 
			@include max-media-width(414px){  
				margin-bottom: 5px; 
				line-height: 24px;
				font-size: 18px;  
			} 
		} 
	}
	h1,h2{
		font-family: 'Fashion Fetish';
		font-weight: weight(normal);
		font-size:47px;
		margin-bottom:0.35em;
		@include max-media-width(991px){
			font-size:57px;	
		}
		@include max-media-width(575px){
			font-size:57px;	
		}
		
	}
	.top-title{
		color:$maincolor!important;
	}
	.discount-title{
		color:$siteColor!important; 
		@include max-media-width(575px){
			font-size:30px;	
		}
		
	}

	.coupon-code{
		display:inline-block;
		padding:5px 32px;
		border-radius: 50px;
		border: 2px solid $maincolor;
		background:rgba(221,144,74,0.2);
		margin-bottom:1.5rem;
		font-size:27px;
		font-weight: weight(bold);
		@include max-media-width(991px){
			font-size:24px;	
		}
		@include max-media-width(575px){
			font-size:21px;	
		}
	}
	.mobile-header-img{
		display: none;
		@include max-media-width(991px){ 
			display: block;
			width:100%;
		} 
		@include max-media-width(480px){ 
			width: 90%;
			margin-left: auto;
			margin-right: auto;
		}
		@include max-media-width(393px){ 
			width: 85%;
			margin-left: auto;
			margin-right: auto;
		} 
	
	}
	.btn-main{
		background: $siteColor;
		color:$white;
		font-size:18px;
		font-weight: weight(mini-bold);
		font-family: 'Roboto';
		border-radius: 50px;
		padding:10px 32px; 
		border:2px solid $siteColor;
		width: 230px;
		&:hover{
			background: #E89E59;
			color:$siteColor;
			border:2px solid $siteColor;
		}
		@include max-media-width(991px){ 
			width: 100%; 
		} 
		&.btn-extend{
			&:hover{
				background: #E89E59;
				color:$siteColor;
				border:2px solid #E89E59;
			}
		}
		&.mobile-view{
			display: none;
			@include max-media-width(991px){ 
				display: block;
				width:100%;
			} 
		}
		&.hidde-on-mobile{
			display: block;
			@include max-media-width(991px){ 
				display: none;
			} 
		} 
	}
	
	.main-content{
		padding:100px 30px 55px;
		h2{
			@include max-media-width(991px){ 
				font-size:57px;
			} 
			@include max-media-width(767px){ 
				font-size:47px;
			} 
		}
		.make-no{
			width: 35px;
			margin-top: -10px;
			@include max-media-width(575px){
				margin-top: -10px;
    			width: 40px;
			}
		}
		@include max-media-width(991px){ 
			padding:55px 0px;
		} 
	}
	#form-sub{
		padding: 35px 100px;   
		background: #D2A741;	
		border-top-left-radius: 30px;	
		border-top-right-radius: 30px;	
		border-bottom-left-radius: 30px;	
		border-bottom-right-radius: 30px;
		min-height: 250px;
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;  
		z-index: 2;
		position: relative;
		top: -80px;
		@include max-media-width(1339px){ 
			padding: 35px 10px;
		} 
		@include max-media-width(1170px){
			padding: 30px 10px;
		}
		@include max-media-width(991px){ 
			background: #D2A741;	
			padding: 30px 35px;
		} 
		
		@include max-media-width(600px){
			padding: 30px 15px;
		}
		@include max-media-width(428px){ 
			background: #D2A741;	
			padding: 22px 10px;
		} 
		
		.terms {
			font-size: 10px; 
			text-align: center;
			padding-left: 20px;
			padding-right: 20px;
			font-family: 'Roboto',sans-serif;
			font-weight: 400;
			@include max-media-width(991px){
				font-size: 12px; 
			}
			@include max-media-width(480px){
				padding-left: 0px;
				padding-right: 0px;
				margin-bottom: 5px;
			}
		} 
	}
	.code-first {
		background: #fff;
		padding: 10px 15px;
		text-align: center;
		font-weight: 600;
		border-radius: 25px;
		@include max-media-width(600px){
			font-family: Arial, Helvetica, sans-serif;
			font-size:18px;
		}
	}
	#form-sub-bot{
		padding:35px 15px;
		@include max-media-width(600px){
			padding:10px 0px;
		}
		
		.terms {
			font-size: 10px; 
			text-align: center;
			padding-left: 20px;
			padding-right: 20px;
			font-family: 'Roboto',sans-serif;
			font-weight: 400;
			@include max-media-width(991px){
				font-size: 12px; 
			}
			@include max-media-width(480px){
				padding-left: 0px;
				padding-right: 0px;
				margin-bottom: 5px;
			}
		} 
	}
	.mobile-img {
		//background: #242E49;
		margin-left: -15px;
		margin-right: -15px;
		padding:55px 0;
		img {
			width: 100%;
			@include max-media-width(991px){
				width: 50%; 
			}
			@include max-media-width(767px){
				width: 80%; 
			}
			@include max-media-width(480px){
				width: 100%; 
			} 
		}
	}
	.services-text{
		margin-top:3rem;
		@include max-media-width(575px){
			margin-top:1rem;
		} 
		.servivce-img {
			min-height: 130px;
			text-align: center;
			vertical-align: middle;
			display: flex;
			justify-content: center;
			img { 
				margin: auto;
				width: 25%;
				max-width: 100%;
				@include max-media-width(767px){ 
					width: 40%;
				} 
				@include max-media-width(575px){ 
					width: 20%;
				}  
				@include max-media-width(480px){ 
					width: 25%;
				}  
			}
			
		} 

		h3{
			font-family: "Gotham Rounded"; 
			font-weight: 700;
			font-size: 22px;
			color: #242E49;
			display: inline-block;
			width: 150px;
			@include max-media-width(767px){ 
				font-size:21px;
			} 
			
		}
		p{	
			font-family: "Roboto";
			font-weight: 600;
			color: #242E49;
			margin-top: 20px;
			font-size: 20px;
			padding: 0 30px; 
			@include max-media-width(991px){
				display: none;
			} 
		}

	}
	.footer{
		p {
			font-family: "Roboto";
			font-weight: 600;
			font-size:17px;
			color:$siteColor; 
			@include max-media-width(580px){
				font-size:14px;
			}
		}
		.copyright{
			font-size:14px;
			line-height: 34px;
			font-weight: 400;
			@include max-media-width(580px){
				font-size:13px;
			}
			a {
				color:$siteColor;
				text-decoration: none;
				&:hover{
					color:$maincolor;
				}
			}
		}
	}

}



.owl-carousel .owl-stage-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-stage {
	display: flex;
	width: max-content;
}

.owl-carousel .owl-item {
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin: 15px;
}
.owl-carousel.owl-theme {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
	grid-gap: 20px;
	p{
		font-size: 17px!important;
	}  

	@include max-media-width(428px){
		display: block; 
		img.comment-img {
			position: absolute;
			margin-left: auto;
			margin-right: auto;
			top: -50px;
			max-width: 100%;
			width: 77px;
			left: 40%;
		}
	}
	@include max-media-width(280px){ 
		img.comment-img{
			display: none;
		}

	}
}

.owl-nav {
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	text-align: center;
	
}

.owl-nav div {
	display: inline-block;
	margin: 0 10px;
	padding: 10px;
	background: #000;
	color: #fff;
	border-radius: 50%;
}

.owl-nav div:hover {
	background: #333;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
	padding: 12px 15px !important;
	background: #ffffff;
	border-radius: 50%;
	margin: 5px 5px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel button.owl-dot:hover {
	background: #efeeee;
}
.comment-boxs {
	padding: 45px 30px 20px;
	border-radius: 25px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease;
	background: #fff;
	width: 375px;
	background: url(https://www.mindmend.co/wp-content/plugins/mm-plugin/inc/assets/images/review-bg-min.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: 110px;
	position: relative;
	margin-bottom: 60px;
	box-shadow: 0 0 10px #dddddd73;
	min-height: 380px;
	line-height: 1.5;
	margin-top: 30px;
	position: relative;
	&:hover {
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	}
	&:before {
		content: "";
		width: 70px;
		height: 70px;
		background: url(https://www.mindmend.co/wp-content/plugins/mm-plugin/inc/assets/images/quot.png);
		position: absolute;
		top: -40px;
		background-repeat: no-repeat;
		background-size: contain
	}
	.comment-text {
		max-height: 190px;
		font-size: 17px !important;
	}
	.reting {
		float: left;
	}
	
	.comment-date {
		font-size: 14px;
		font-family: Roboto;
		color: #7b7b7b;
		font-weight: 600;
		float: right;
		margin-bottom: 20px;
	}
	.comment-text {
		max-height: 185px;
		transition: max-height 0.15s ease-out;
		overflow: hidden;
		color: #5a5959 !important;
		font-family: Roboto; 
		clear: both;
	}
	.comment-name { 
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 20px;
		span {
			color: #ce6a53;
			font-size: 12px;
			margin-top: -4px !Important;
			display: inherit;
			font-weight: 400
		}
		i {
			color: #e69e1b
		}
		a{
			position: relative;
			top: 10px;
		}
	}
	a.show-more {
		color: #fff;
		font-weight: 600;
		background: #ce6a53;
		padding: 5px 10px;
		border-radius: 25px;
		font-size: 14px;
		text-decoration: none;
	}
	p.comment-text.show {
		max-height: 100%;
		transition: max-height 0.25s ease-in;
	}
	 
	
	.comment-text {  
		font-family: 'Gotham Rounded';
		font-weight: 400;
	}
	.reting{
		font-size: 17px!important;
	}

	img.comment-img {
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		top: -84px;
		max-width: 100%;
		width: 115px;
		left: 34%;
	}
	
	@include max-media-width(829px){
		margin-left: auto;
		margin-right: auto; 
	}
	@include max-media-width(767px){
		max-width: 100%;
		margin-left: auto;
		margin-right: auto; 
	}
	@include max-media-width(428px){ 
		width: 100%;
	}
	@include max-media-width(280px){

		img.comment-img{
			display: none;
		}
		.reting{
			font-size: 10px!important;
		}
	
	}
}  
  

     



.footer { 
	background: #CE6A53;
	font-family: 'Gotham Rounded',sans-serif!important;
	p {
		font-family: 'Gotham Rounded',sans-serif!important;
		color:#fff!important;
		margin-top: 10px;
		margin-bottom: 0px;
		font-size: 16px!important;
		font-weight: normal;
	}
	p.privacy{
		text-align:right;
	}
	a{
		color:#fff; 
		font-family: 'Gotham Rounded',sans-serif!important;
		font-weight: normal;
		font-size: 16px !important;
	}
	@include max-media-width(991px){
		.copyright,.privacy{
			text-align:center!important;
		}
		.privacy{ 
			margin-bottom: 20px;
		}
	}
	
}