*,*::after,*::before{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: 'quicksandregular';
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'quicksandregular';
	color: #000;
	font-size: 16px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
  text-decoration: none;
  color: inherit;
}

a,button{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
img {
    max-width: 100%;
    height: auto;
}
/* font */
@font-face {
    font-family: 'quicksandlight';
    src: url('../fonts/quicksand-light.woff2') format('woff2'),
         url('../fonts/quicksand-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'quicksandregular';
    src: url('../fonts/quicksand-regular.woff2') format('woff2'),
         url('../fonts/quicksand-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'quicksandmedium';
    src: url('../fonts/quicksand-medium.woff2') format('woff2'),
         url('../fonts/quicksand-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'quicksandbold';
    src: url('../fonts/quicksand-bold.woff2') format('woff2'),
         url('../fonts/quicksand-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'back_to_black_demoregular';
    src: url('../fonts/back_to_black_demo.woff2') format('woff2'),
         url('../fonts/back_to_black_demo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*======================= Homepage css starts here ===========================*/

.wrapper {
	width: 1170px;
	margin: 0 auto;
}

.col-3,
.col-9,
.col-4,
.col-6,
.col-8 {
	float: left;
}

.header-main {
	width: 100%;
	float: left;
	z-index: 9999;
	position: absolute;
	padding-top: 30px;
}

.header-main .col-3 {
	width: auto;
	padding: 0 0 15px;
}

.logo img {
    box-shadow: rgba(0,0,0,0.3) 0 10px 25px;
    border-radius: 8px;
}

.header-main .col-9 {
	width: auto;
	float: right;
	text-align: right;
	padding: 15px 0 0;
}

.header-main li {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	position: relative;
	transition: all 0.3s ease;
}

.header-main ul li a {
	padding: 10px 20px;
	display: inline-block;
	line-height: 1;
	border-radius: 30px;
}


.header-main ul li.active a,
.header-main ul li:hover a {
	background-color: #464646;
}

.header-main ul ul li.active a {
	background-color: transparent;
}

.header-main ul,
.header-main ol {
	display: inline-block;
}

.lan {
    background-color: #f0145a;
    padding: 10px 20px;
    border-radius: 30px;
}

ol.lan li:first-child {
   /* border-right: #fbd3db solid 1px;
    padding-right: 10px;
    margin-right: 5px;*/
}

ol.lan li a {
   color: #ff8db1;
}

ol.lan li.active a,
ol.lan li a:hover {
   color: #000;
}

.toggle {
	display: none;
}

.header-main li.contact {
    display: none;
}

/* Sub menu css */

.header-main ul li:hover li a {
	background-color: transparent;
}
.header-main ul ul.sub-menu {
    position: absolute;
    left: 50%;
    top: 50px;
    background-color: #fff;
    text-align: left;
    width: 210px;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.2) 0 0 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.header-main ul ul.sub-menu::after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    content: '';
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 10px;
    margin-left: -10px;
}

.header-main ul ul ul::after {
	display: none;
}


.header-main ul li:hover ul.sub-menu li:hover ul,
.header-main ul ul.sub-menu li:hover ul,
.header-main ul li:hover ul.sub-menu {
	visibility: visible;
	opacity: 1;
}


.header-main ul li:hover ul.sub-menu ul,
.header-main ul ul.sub-menu ul {
	left: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transform: inherit;
	-webkit-transform: inherit;
	-moz-transform: inherit;
}

.header-main ul ul.sub-menu li {
	width: 100%;
	border-bottom: #dedede dotted 1px;
}

.header-main ul ul.sub-menu li::after {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background-color: #464646;
	content: '';
	opacity: 0;
	transition: all 0.3s ease;
}

.header-main ul ul.sub-menu li:hover:after {
	opacity: 1;
	width: 5px;
}

.header-main ul ul.sub-menu li a {
	padding: 15px 20px;
}

.header-main ul ul.sub-menu li:last-child {
	border-bottom: none;
}

.header-main ul ul li {
	color: #ccc;
}

.header-main ul ul li:hover {
	color: #464646;
}

.header-main ul ul li a {
	display: block;
}

.header-main ul ul li a:hover {
    background-color: transparent;
}

.header-main ul ul.sub-menu ul {
		width: 190px;
}

.inner-menu {
    padding: 0 0 35px;
}

.header-main li.inner-menu a {
	position: relative;
	padding: 10px 25px 10px 20px;
}

.header-main li.inner-menu a::after {
	position: absolute;
	right: 10px;
	top: 15px;
	content: '';
	background: url("../img/drop-down-arrow.png") 0 0 no-repeat;
	width: 10px;
	height: 7px;
	transition: all 0.3s ease;
}

.header-main li.inner-menu:hover a:after {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}

.header-main ul ul.sub-menu li.has-children::before {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
	width: 6px;
	height: 9px;
	background: url("../img/sub-menu-icon.png") 0 0 no-repeat;
}

.header-main ul ul.sub-menu li.has-children::before {
    position: absolute;
    right: 15px;
    top: 18px;
    content: '';
    width: 6px;
    height: 9px;
    background: url("../img/sub-menu-icon.png") 0 0 no-repeat;
    z-index: 1;
}

/*banner section*/
.banner-main {
	width: 100%;
	float: left;
	background: #92c73e url("../img/banner.jpg") center bottom no-repeat;
	padding: 0px 0 78px;
	background-size: cover;
	position: relative;
	z-index: 999;
}


.banner-icons {
    width: 100%;
    float: left;
	position: relative;
}

.banner-center {
    text-align: center;
    width: 100%;
    float: left;
    padding-top: 140px;
	z-index: 9;
	position: relative;
}

.banner-main .icon {
    position: absolute;
    left: 60px;
    top: 220px;
}

.banner-main .icon-1 {
	animation: icon1 infinite 3s alternate linear;
}

@keyframes icon1 {
	0%{top: 220px;}
	50%{top: 230px;}
	100%{top: 210px;}
}

@-webkit-keyframes icon1 {
	0%{top: 220px;}
	50%{top: 230px;}
	100%{top: 210px;}
}

.icon.icon-2 {
    top: 500px;
    left: 130px;
	transform-origin: 0 100% 0;
	-webkit-transform-origin: 0 100% 0;
	-moz-transform-origin: 0 100% 0;
	animation: icon2 2s alternate infinite linear;
	-webkit-animation: icon2 2s alternate infinite linear;
}

@keyframes icon2 {
	0%{top: 500px;}
	50%{top: 510px;}
	100%{top: 500px;}

}

@-webkit-keyframes icon2 {
	0%{top: 500px;}
	50%{top: 510px;}
	100%{top: 500px;}
}


.icon.icon-3 {
    top: auto;
    bottom: 90px;
	left: 40px;
	animation: icon3 2s alternate infinite linear;
	-webkit-animation: icon3 2s alternate infinite linear;
}

@keyframes icon3 {
	0%{bottom: 90px;}
	50%{bottom: 115px;}
	100%{bottom: 90px;}
}

@-webkit-keyframes icon3 {
	0%{bottom: 200px;}
	50%{bottom: 215px;}
	100%{bottom: 200px;}
}

.icon.icon-4 {
    left: auto;
    right: 120px;
    top: 250px;
	transform-origin: 100% 0 0;
	animation: icon4 2s alternate infinite linear;
	-webkit-animation: icon4 2s alternate infinite linear;
}

@keyframes icon4 {
	0%{top: 250px;}
	50%{top: 265px;}
	100%{top: 250px;}
}

@-webkit-keyframes icon4 {
	0%{top: 250px;}
	50%{top: 265px;}
	100%{top: 250px;}
}

.icon.icon-5 {
    left: auto;
    right: 170px;
    top: 460px;
	transform-origin: 0 100% 0;
	animation: icon5 2s alternate infinite linear;
	-webkit-animation: icon5 2s alternate infinite linear;
}

@keyframes icon5 {
	0%{top: 460px;}
	50%{top: 475px;}
	100%{top: 460px;}

}

@-webkit-keyframes icon5 {
	0%{top: 450px;}
	50%{top: 460px;}
	100%{top: 450px;}

}

.icon.icon-6 {
    left: auto;
    right: 0;
    top: auto;
    bottom: 160px;
	animation: icon6 2s alternate infinite linear;
	-webkit-animation: icon6 2s alternate infinite linear;
}

@keyframes icon6 {
	0%{bottom: 160px;}
	50%{bottom: 185px;}
	100%{bottom: 160px;}
}

@-webkit-keyframes icon6 {
	0%{bottom: 160px;}
	50%{bottom: 185px;}
	100%{bottom: 160px;}
}

.icon.icon-7 {
    left: 50%;
    top: 570px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    margin-left: 200px;
    z-index: 0;
}

.icon.icon-8 {
    top: 240px;
    left: 0;
    width: 100%;
    text-align: center;
}

.icon.icon-9 p {
    background-color: #f0145a;
    padding: 15px 60px;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
	font-family: 'quicksandmedium';
    border-radius: 70px;
}

.banner-main .icon.icon-9 {
    top: auto;
    bottom: 41%;
    transform: rotate(-14deg);
    left: 261px;
}


/* youtube section  */
.youtube {
	width: 100%;
	padding: 80px 0 100px;
	position: relative;
background-color: #fff;
z-index: 9;
}

.youtube .video {
	text-align: center;
}

.youtube .video .iframe {
	margin: 30px 0 80px;
	display: inline-block;
	position: relative;
}

.youtube .video .iframe::before {
    position: absolute;
    left: -30px;
    top: -30px;
    content: '';
    width: 200px;
    height: 260px;
	background: url("../img/pattern.png") left top repeat;
	z-index: 1;
}

.youtube .video .iframe::after {
    position: absolute;
    right: -30px;
    bottom: -30px;
    content: '';
    width: 200px;
    height: 260px;
	background: url("../img/pattern.png") left top repeat;
	z-index: 1;
}

.youtube .video iframe {
    width: 800px;
    height: 450px;
	position: relative;
	z-index: 2;
}

.btn {
	font-family: 'quicksandbold';
    background-color: #ffcf00;
    border: none;
    color: #000000;
    padding: 15px 25px;
    display: inline-block;
    border-radius: 30px;
	font-size: 16px;
}

.btn:hover {
	background-color: #f0145a;
	color: #fff;
}

.multiple-fade-items .btn:hover {
	background-color: #89bd3e;
	color: #fff;
}

.youtube.new {
	opacity: 0;
	min-height: 1500px;
}

.heading {
	text-align: center;
	width: 100%;
	float: left;
}

.heading span.divider {
	width: 2px;
	height: 58px;
	background-color: #dddddd;
	margin: 0 0 23px;
	display: inline-block;
}

.heading h2 {
	font-size: 36px;
	color: #000000;
	font-weight: 700;
	margin: 0 0 25px;
	font-family: 'quicksandbold';
	text-transform: uppercase;
}

.heading p {
	font-size: 16px;
	color: #474747;
	font-weight: 400;
	margin: 0 0 30px;
}

/* Fade Section css Starts Here */
#pin2 {
     z-index: 9;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}

.scroll-sec {
	min-height: 2000px;
}

.spacer-new {
	height: 0px;
}

.scroll-sec {
	background: url('../img/girl.jpg') center top no-repeat;
	width: 100%;
}

#pin2.no-product {
	   background: url("../img/girl.jpg") center top no-repeat;
}

.fade-items {
    position: fixed;
    width: 1170px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.product-slider-main {
	width: 100%;
	float: left;
	background: url(../img/slider-bg.jpg) center top no-repeat;
}

.product-slider-main .slider-content,
.product-slider-main .slider-img {
	width: 50%;
	float: left;
}

.product-slider-main .slider-content {
    padding-right: 100px;
}

.product-slide {
	padding: 200px 0 135px 0;
	width: 100%;
	display: inline-block;
}

.product-slider-main .slider-img {
    padding: 60px 50px 0 0;
    text-align: center;
}

.slick-slide .slider-img img {
    display: inline-block;
}

.slider-content h3,
.story-sec h3,
.fade-content h3 {
    color: #ffcf00;
    font-size: 60px;
    margin: 0 0 15px;
	font-family: 'quicksandmedium';
}


.slider-content p,
.fade-content p {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
	font-family: 'quicksandmedium';
}

.slider-content p {
	margin: 0 0 45px;
	line-height: 1.4;
}

.slider-content a.btn {
	margin-right: 15px;
}

.slider-content a.btn:hover {
    background-color: #89bd3e;
    color: #fff;
}


.product-slider-single .slick-next.slick-arrow, 
.product-slider-single .slick-prev.slick-arrow {
    width: 64px;
    height: 64px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -32px;
    font-size: 0;
    border: none;
    background: #fff url("../img/slider-arrow-new.png") center center no-repeat;
    cursor: pointer;
	border-radius: 50%;
	z-index: 1;
}

.product-slider-single .slick-next.slick-arrow {
	left: auto;
	right: 0;
	background: #fff url("../img/slider-arrow-next.png") center center no-repeat;
	
}

/*============= Awards page css ends here =================*/
.wrapper.scroll-sec.open {
	background-attachment: fixed;
}

#fade1 {
	margin-top: 500px;
}

.spacer-end {
	height: 100px;
}

.fade-items img {
    left: 120px;
    top: 260px;
    width: auto;
	position: absolute;
	opacity: 0;
}

.fade-in.active .fade-items img {
	opacity: 1;
}

.fade-content {
   /*  width: 100%;
    
    
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%); */
	position: absolute;
	left: 50%;
    top: 210px;
    text-align: left;
	z-index: 99;
}

.spacer.s1 {
    min-height: 100px;
}

.spacer.s3 {
	min-height: 400px;
}


#fade1,
#fade2,
#fade3,
#fade5,
#fade4 {
	opacity: 0;
	transition: all 0.6s ease;
}

#fade1.active,
#fade2.active,
#fade3.active,
#fade4.active,
#fade5.active{
	opacity: 1;
}

#fade5.active {
	opacity: 1;
}

.multiple-fade-items,
#pin2,
.scroll-sec {
	overflow: hidden !important;
}

.fade-in {
	left: 0 !important;
	right: 0 !important;
}

.fade-in .fade-content {
/* 	transform: translateX(-50%) translateY(100%);
	-webkit-transform: translateX(-50%) translateY(100%);
	-moz-transform: translateX(-50%) translateY(100%); */
	transition: all 0.6s ease;
	visibility: hidden;
	opacity: 0;
}

.fade-in.active .fade-content {
/* 	transform: translateX(-50%) translateY(0%);
	-webkit-transform: translateX(-50%) translateY(0%);
	-moz-transform: translateX(-50%) translateY(0%); */
	visibility: visible;
	opacity: 1;
}

.fade-img {
	width: 50%;
	float: left;
}

.story-sec h3,
.fade-content h3 {
	color: #ffcf00;
	font-size: 60px;
	margin: 0 0 15px;
	font-family: 'quicksandmedium';
}

.fade-content p {
	color: #fff;
	line-height: 30px;
	font-size: 24px;
	font-weight: 500;
	font-family: 'quicksandmedium';
}


span.full {
	display: block;
	min-height: 240px;
}

.fade-items .btn {
    margin: 20px 3px 0 3px;
}

.line {
    position: fixed;
    left: 50%;
    bottom: 70px;
    margin-left: -19px;
}

.line span {
    width: 38px;
    height: 38px;
    display: inline-block;
    background: #f51b5b url("../img/arrow.png") center center no-repeat;
    border-radius: 50%;
    box-shadow: rgba(0,0,0,0.4) 0 6px 8px;
}

.line::after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    content: '';
    width: 1px;
    height: 35px;
    border-right: #fff dashed 1px;
}

.girl-bg {
	display: none;
}

/* Fade Section css Ends Here */

/* flow section */

.flow {
	width: 100%;
	float: left;
	padding: 80px 0 150px;
	position: relative;
	z-index: 999;
	background-color: #fff;
}

.flow .col-4 {
	width: 100%;
	text-align: center;
}

.flow .col-4 .flow-icon {
	width: 202px;
	height: 202px;
	display: inline-block;
	border-radius: 80px;
	box-shadow: rgba(0,0,0,0.2) 0px 10px 20px;
	margin: 0 0 30px;
	padding: 40px 0 0;
}

.slick-slide .flow-icon img {
    display: inline-block;
}

.flow .col-4 .flow-icon h3 {
	font-size: 24px;
	font-family: 'quicksandmedium';
	font-weight: 600;
	margin: 15px 0 0;
	text-transform: uppercase;
}

.flow .col-4 p {
    margin: 0 60px 25px;
    color: #474747;
    line-height: 24px;
}

.flow .heading {
	margin: 0 0 60px;
}

.flow .flow-slider .slick-track .slick-slide:nth-of-type(2) .flow-icon {
	position: relative;
}


.flow .flow-slider .slick-track .slick-slide:nth-of-type(2) .flow-icon:after,
.flow .flow-slider .slick-track .slick-slide:nth-of-type(2) .flow-icon:before {
	position: absolute;
	background: url("../img/bullets.png") left top no-repeat;
	width: 126px;
	height: 15px;
	content: '';
	top: 50%;
	margin-top: -7px;
}
.flow .flow-slider .slick-track .slick-slide:nth-of-type(2) .flow-icon:before {
	right: 100%;
	margin-right: 30px;
}

.flow .flow-slider .slick-track .slick-slide:nth-of-type(2) .flow-icon:after {
	left: 100%;
	margin-left: 30px;
}

/* Media section */
.media {
	width: 100%;
	float: left;
	background-color: #ffe041;
	padding: 100px 0 140px;
	z-index: 10;
	position: relative;
}

.media::before {
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	content: '';
	background: url("../img/top-yellow.png") left top no-repeat;
	height: 98px;
	z-index: 999;
}

.spacer1 {
	margin-top: -500px;
}

.media::after {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	content: '';
	background: url("../img/bot-yellow.png") left top no-repeat;
	height: 107px;
}

.media h2 {
	text-align: center;
	font-size: 60px;
	font-family: 'quicksandmedium';
	margin: 0 0 25px;
}

.media p {
	text-align: center;
	font-size: 24px;
	font-family: 'quicksandmedium';
	color: #887200;
	line-height: 32px;
	margin: 0 0 100px;
}

.media ul li {
    width: 33.3%;
    float: left;
    text-align: right;
	position: relative;
	z-index: 2;
}

.media ul li::after {
	height: 260px;
	width: 200px;
	content: '';
	background: url("../img/pattern.png") left top repeat;
	right: -10px;
	position: absolute;
	z-index: -1;
	bottom: -30px;
}

.media ul li .blog {
    background-color: #fff;
    min-height: 260px;
	width: 225px;
	float: right;
}
.blog-content {
    text-align: left;
}

.blog-content h3 {
    font-size: 54px;
	font-family: 'quicksandmedium';
	margin: 0 0 18px;
}

.media ul li img {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.blog-content {
    text-align: left;
    margin: 40px 0px 0 -122px;
}

/* footer css */
.footer {
	width: 100%;
	float: left;
	padding: 130px 0 45px;
}

.footer ul.logos li {
    width: auto;
    float: left;
    padding: 20px;
    border: #e7e7e7 solid 1px;
    margin-right: 10px;
}

.logos {
    width: 100%;
    float: left;
}
.footer-menu {
    display: inline-block;
}

.footer-menu-main {
    width: 100%;
    float: left;
	margin: 50px 0 25px;
	text-align: center;
}

.footer-menu li {
	display: inline-block;
	font-size: 14px;
	border-right: #424242 solid 1px;
	padding: 0 10px;
}
.footer-menu-main .footer-menu:first-child li:last-child {
    border-right: #424242 solid 1px;
}

.footer-menu li a:hover {
	color: #f0145a;
}

.footer-menu li:last-child {
	border-right: none;
}

.social-icons {
    width: 100%;
    float: left;
    text-align: center;
}

.social-icons li {
	display: inline-block;
	padding: 0 4px;
}

.social-icons li a {
	width: 33px;
	height: 33px;
	display: inline-block;
	background: url("../img/social-icons.png") left top no-repeat;
	opacity: 0.2;
}

.social-icons li a:hover {
	opacity: 1;
}

.social-icons li.tw a {
    background-position: -35px 0px;
}

.social-icons li.yt a {
    background-position: -70px 0;
}

.social-icons li.ig a {
    background-position: -105px -1px;
}

.social-icons li.fb a {
    background-position: -141px 0px;
}

.social-icons li.li a {
    background-position: -176px 0;
}

::selection {
	background: #f0145a;
	color: #fff;
}
::-moz-selection {
	background: #f0145a;
	color: #fff;
}
button,
button:focus,
button:active,
a,
a:active,
a:focus {
   outline: none;
}

button::-moz-focus-inner {
  border: 0;
}

.footer-logo {
	width: 100%;
	float: left;
	padding: 0 5px;
}

ul.logos {
    position: relative;
}

.slick-next.slick-arrow,
.slick-prev.slick-arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    left: -40px;
    top: 50%;
	margin-top: -15px;
    font-size: 0;
    border: none;
    background: transparent url("../img/arrow-prev.png") 0 0 no-repeat;
	background-size: cover;
	cursor: pointer;
}

.slick-next.slick-arrow {
	 background: transparent url("../img/arrow-nwxt.png") 0 0 no-repeat;
	 left: auto;
	 right: -30px;
	 background-size: cover;
}

.search-form {
    width: auto;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

button.search {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #f0145a url("../img/search.png") center center no-repeat;
    border: none;
    margin: 0 9px 0 0;
    cursor: pointer;
    background-size: 14px;
    border-radius: 50px;
}

.form-open {
		z-index: 2;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(251,251,251,0.95);
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		transition: all 0.8s ease;
		-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		opacity: 0;
		visibility: hidden;
}

.form-open.open {
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	opacity: 1;
	visibility: visible;
}

.form-open form {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    padding: 0;
    border-radius: 20px;
    width: 50%;
    text-align: left;
	border-bottom: #ccc solid 1px;
	border-radius: 0;
}

.search-inp input[type="text"] {
    width: calc(100% - 45px);
	border: none;
    /* border-bottom: #ccc solid 1px; */
    padding: 35px 0;
	font-size: 30px;
    text-transform: uppercase;
	font-family: 'quicksandregular';
	background-color: transparent;
	height: auto;
	border-radius: 0;
}

.search-inp input[type="submit"]:focus,
.search-inp input[type="text"]:focus {
	box-shadow: none;
}

.search-inp input[type="submit"] {
    width: 35px;
    background: url("../img/form-search.png") right center no-repeat;
	min-height: 98px;
    border: none;
    padding: 30px 0px 30px 0px;
	float: right;
	text-align: right;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'quicksandregular';
	cursor: pointer;
	font-size: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

.cross-search {
    position: absolute;
    left: 50%;
    bottom: -100px;
    background-color: #ffcf00;
    width: 60px;
    height: 60px;
	margin-left: -20px;
    text-align: center;
    line-height: 55px;
    font-size: 28px;
    border-radius: 30px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	cursor: pointer;
}

.cross-search:hover {
	 background-color: #f51b5b;
	 color: #fff;
}

.flow-slider {
	width: 100%;
	float: left;
}

input[type="submit"]:focus,
input[type="submit"]:focus {
	outline: 0;
}

.phn-banner {
	display: none;
}

.flow-sec {
    margin: 10px 0 0;
}
/* Alert */
.success-alert {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	padding: 20px;
	margin: 0 0 30px;
	border-radius: 4px;
	font-size: 15px;
	display: none;
}

form .error {
    padding: 8px 10px;
    width: 100%;
    color: #a94442;
    display: inline-block;
    background-color: #ffcf00;
    margin: 5px 0 0;
    border-radius: 4px;
    font-size: 13px;
}


.contact-form .form-row:nth-child(2n+1) {
	clear: left;
}

#enquirymsg {
    background: #92c73e;
    padding: 35px 15px;
    margin: 0 0 20px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
	display: none;
}

/*======================= Homepage css ends here ===========================*/

/*========================= About Us Page Css starts here ==========================*/

.header-main.header2 {
    position: relative;
    padding: 15px 0 0;
    background-color: #91c73e;
}

.banner {
	width: 100%;
	float: left;
	position: relative;
}

.about-banner-icons img {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
	animation: about-banner-icon 2s linear alternate infinite;
	-webkit-animation: about-banner-icon 2s linear alternate infinite;
}

.about-banner-icons img.about-banner-icons1 {
    top: 130px;
}

.about-banner-icons img.about-banner-icons2 {
    top: 180px;
    left: 42%;
	animation: about-banner-icon2 2s linear alternate infinite;
	-webkit-animation: about-banner-icon2 2s linear alternate infinite;
}

.about-banner-icons img.about-banner-icons3 {
    top: 220px;
}


@keyframes about-banner-icon {
	0% {
		margin-top: 0px;
	}
	50% {
		margin-top: 10px;
	}
	100% {
		margin-top: 0px;
	}
}

@-webkit-keyframes about-banner-icon {
	0% {
		margin-top: 0px;
	}
	50% {
		margin-top: 10px;
	}
	100% {
		margin-top: 0px;
	}
}

@keyframes about-banner-icon2 {
	0% {
		margin-top: 0px;
	}
	50% {
		margin-top: -10px;
	}
	100% {
		margin-top: 0px;
	}
}

@-webkit-keyframes about-banner-icon2 {
	0% {
		margin-top: 0px;
	}
	50% {
		margin-top: -10px;
	}
	100% {
		margin-top: 0px;
	}
}



.about-heading {
	text-align: center;
}

.story-sec {
	width: 100%;
	float: left;
	text-align: center;
}

.story-sec .about-heading p {
	font-size: 24px;
	color: #474747;
	font-family: 'quicksandbold';
	padding: 0;
	margin: 0;
}

.down-arrow {
	height: 38px;
	width: 38px;
	display: inline-block;
	background: #ffcf00 url("../img/down-arrow.png") center center no-repeat;
	border-radius: 30px;
	position: relative;
	margin-top: 140px;
	margin-bottom: 50px;
	box-shadow: rgba(255,207,0,0.5) 0 8px 12px;
}

.down-arrow::after {
    position: absolute;
    bottom: 100%;
    left: 18.5px;
    content: '';
    width: 1px;
    height: 100px;
    border-left: #474747 dashed 1px;
    margin-bottom: 10px;
}

.story-sec p {
	padding: 0 90px 40px;
	line-height: 30px;
	color: #474747;
}

.story-sec p span {
	color: #f0145a;
}

.thought-sec {
    width: 100%;
    float: left;
    padding-top: 40px;
}

.matter-main {
	width: 100%;
	float: left;
	margin-top: 80px;
}

.matter-ryt {
    width: 80%;
    float: right;
    text-align: right;
}

.matter-content::before {
    position: absolute;
    right: 60px;
    top: -120px;
    width: 200px;
    height: 96px;
    content: '';
    background: url("../img/pattern1.png") left top no-repeat;
}

.matter-content {
    width: 42%;
    background-color: #ffe041;
    padding: 50px 40px 80px 40px;
    display: inline-block;
    text-align: left;
    position: relative;
    margin-right: -60px;
    margin-bottom: -30px;
}

.matter-content::after {
    position: absolute;
    left: -25px;
    top: -25px;
    border: #f0145a solid 5px;
    content: '';
    bottom: -25px;
    right: -25px;
	z-index: -2;
}

.matter-img {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    z-index: -1;
}

.matter-img::after {
    position: absolute;
    left: 100px;
    bottom: -38px;
    content: '';
    background: url("../img/about-icon-1.png") left top no-repeat;
    width: 27px;
    height: 28px;
}

.matter-content h3 {
	font-family: 'quicksandmedium';
	margin: 0 0 25px;
	font-size: 24px;
	text-transform: uppercase;
}

.matter-content p {
    font-size: 16px;
    line-height: 28px;
}

/*left side sec*/
.matter-left {
    margin-top: 70px;
	width: 80%;
	float: left;
}

.matter-left .matter-content {
	margin-left: -60px;
	margin-right: 0;
}

.matter-left .matter-img::after {
	left: auto;
	right: 100px;
}

.matter-left .matter-content::before {
    left: 60px;
	right: auto;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
}


/*========================= About Us Page Css ends here ==========================*/

/*=========================== Workshop page css ==============================*/

.banner-text {
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 30px;
	overflow: hidden;
}

.banner-text h2 {
	color: #92c73e;
	font-size: 45px;
	text-align: center;
	 font-family: 'back_to_black_demoregular';
	font-weight: 400;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	width: 60%;
	max-width: 1170px;
	line-height: 64px;
}
.banner-text h2.small-font{font-size: 40px;width: 55%;}
.banner-text h2 span {
	color: #f0145a;
	font-size: 50px;
	font-family: 'back_to_black_demoregular';
}

.article-main ul li {
    width: 27%;
    float: left;
	margin: 0 0 80px;
}

.article-main ul li:nth-child(3n+2) {
    margin: 0 9.5% 80px;
}

.article-main .article {
    background-color: #fff;
    box-shadow: #ededed 0 0 30px;
	width: 100%;
	float: left;
	position: relative;
}

.article-main .article:after {
	position: absolute;
	right: -20px;
	top: -20px;
	content: '';
	background: url("../img/pattern.png") left top repeat;
	width: 200px;
	height: 260px;
	z-index: -1;
}

.article-main .article img.article-img {
	width: 100%;
	height: 190px;
}

.article-content {
    min-height: 350px;
		padding: 65px 30px 30px;
		position: relative;
		width: 100%;
		float: left;
}

.article-date {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ffe041;
    font-size: 14px;
    color: #887200;
    padding: 12px 30px;
	font-family: 'quicksandbold';
}

.article img {
    float: left;
}

.article-content h2 {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 15px;
	font-family: 'quicksandmedium';
}

.article-content h2 a {
    font-family: 'quicksandmedium';
}

.article-content p {
    line-height: 24px;
}

.location {
	font-family: 'quicksandmedium';
    border-top: #474747 dashed 1px;
    display: block;
    position: absolute;
    left: 30px;
    bottom: 30px;
    right: 30px;
    padding: 20px 0 0;
    text-transform: uppercase;
    font-size: 14px;
}

.more-btn {
    width: 100%;
    float: left;
    text-align: center;
}

.contact-sec {
	width: 100%;
	float: left;
	margin: 100px 0 0;
}

.contact-sec .col-6 {
	width: 45%;
	float: left;
}

.contact-sec .col-6.contact-form {
	width: 55%;
}

.contact-sec .col-6 .form-content {
	width: 703px;
	min-height: 343px;
	background: url("../img/pad-dotted.png") left top no-repeat;
	margin-left: -150px;
}

.form-content h3 {
  font-size: 28px;
  text-transform: uppercase;
  padding: 100px 0 0 150px;
	font-family: 'quicksandmedium';
}

.form-content h3 span {
	display: block;
	color: #f0145a;
	font-family: 'quicksandmedium';
	font-size: 50px;
	margin: 15px 0;
}

.contact-form form {
    width: 100%;
    float: left;
    background-color: #ed1459;
    padding: 30px;
    border-radius: 4px;
}

textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
select {
	background-color: #fff;
	height: 47px;
	border-radius: 4px;
	border: none;
	width: 100%;
	font-size: 16px;
	color: #000;
	font-family: 'quicksandregular';
	padding: 10px 20px;
}

select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: transparent;
	text-shadow: 0 0 0 #000;
	cursor: pointer;
	background: #fff url("../img/select-arrow.png") 95% center no-repeat;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #000;
   opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #000;
   opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #000;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #000;
}

::placeholder { /* Most modern browsers support this now. */
  color: #000;
}

textarea {
	height: 100px;
	padding: 15px 20px;
}

.contact-form .form-row {
    width: 48.5%;
    float: left;
    margin: 0 0 15px;
}

.contact-form .form-row:nth-child(2n) {
	float: left;
	margin-left: 3%;
}

.contact-form .form-row:nth-last-of-type(2),
.contact-form .form-row:nth-last-of-type(1) {
	width: 100%;
}

.contact-form .form-row:nth-last-of-type(1) {
	text-align: right;
	margin: 0;
}

.contact-form .btn {
	font-size: 16px;
	cursor: pointer;
}

.contact-form .btn:hover,
.contact-form .btn:focus {
	background-color: #ffcf00;
	color: #000;
}
select:focus,
textarea:focus,
input:focus {
	outline: none;
	box-shadow: rgba(0,0,0,0.5) 0 0 4px;
}

input::-moz-focus-inner {
    border: 0;
}

.article-content p a:hover {
	color: #ed1459;
}

.banner-text .icons-main {
    width: 1170px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
	height: 100%;
}

.banner-text .inner-icon {
    position: absolute;
    left: 0;
    top: 0;
	transition: all 1s ease;
}

.banner-text .inner-icon.inner-icon1 {
    top: 340px;
	left: 40px;

}

.banner-text .inner-icon.inner-icon1 {
    left: 40px;
    top: 80px;
}

.banner-text.start1 .inner-icon.inner-icon1 {
	animation: inner-icon1 3s linear alternate infinite;
	-webkit-animation: inner-icon1 3s linear alternate infinite;
}

@keyframes inner-icon1 {
	0% {
		top: 80px;
	}
	50% {
		top: 90px;
	}
	100% {
		top: 80px;
	}
}

@-webkit-keyframes inner-icon1 {
	0% {
		top: 80px;
	}
	50% {
		top: 90px;
	}
	100% {
		top: 80px;
	}
}

.banner-text .inner-icon.inner-icon2 {
    left: 70px;
    top: 340px;
}

.banner-text .inner-icon.inner-icon2 {
    left: 70px;
    top: 135px;
}
.banner-text.start1 .inner-icon.inner-icon2 {
    animation: inner-icon2 3s linear alternate infinite;
    -webkit-animation: inner-icon2 3s linear alternate infinite;
}
@keyframes inner-icon2 {
	0% {
		top: 135px;
	}
	50% {
		top: 125px;
	}
	100% {
		top: 135px;
	}
}

@-webkit-keyframes inner-icon2 {
	0% {
		top: 135px;
	}
	50% {
		top: 125px;
	}
	100% {
		top: 135px;
	}
}

.banner-text .inner-icon.inner-icon3 {
    top: auto;
    bottom: -70px;
    left: 50px;
}

.banner-text .inner-icon.inner-icon3 {
    bottom: 70px;
    left: 50px;
}
.banner-text.start1 .inner-icon.inner-icon3 {
	animation: inner-icon3 3s linear alternate infinite;
}

@keyframes inner-icon3 {
	0% {
		bottom: 70px;
	}
	50% {
		bottom: 60px;
	}
	100% {
		bottom: 70px;
	}
}

@-webkit-keyframes inner-icon3 {
	0% {
		bottom: 70px;
	}
	50% {
		bottom: 60px;
	}
	100% {
		bottom: 70px;
	}
}

.banner-text .inner-icon.inner-icon4 {
    left: auto;
    right: 100px;
    top: 340px;
}

.banner-text .inner-icon.inner-icon4 {
    right: 100px;
    top: 100px;
}

.banner-text.start1 .inner-icon.inner-icon4 {
	animation: inner-icon4 3s linear alternate infinite;
}

@keyframes inner-icon4 {
	0% {
		top: 100px;
	}
	50% {
		top: 110px;
	}
	100% {
		top: 100px;
	}
}


@-webkit-keyframes inner-icon4 {
	0% {
		top: 100px;
	}
	50% {
		top: 110px;
	}
	100% {
		top: 100px;
	}
}

.banner-text .inner-icon.inner-icon5 {
    left: auto;
    right: 30px;
    top: auto;
    bottom: -90px;
}

.banner-text .inner-icon.inner-icon5 {
    right: 30px;
    bottom: 90px;
}

.banner-text.start1 .inner-icon.inner-icon5 {
	animation: inner-icon5 3s linear alternate infinite;
}

@keyframes inner-icon5 {
	0% {
		bottom: 90px;
	}
	50% {
		bottom: 100px;
	}
	100% {
		bottom: 90px;
	}
}

@-webkit-keyframes inner-icon5 {
	0% {
		bottom: 90px;
	}
	50% {
		bottom: 100px;
	}
	100% {
		bottom: 90px;
	}
}

#myCarousel .arrow.arrow-left {
    left: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

#myCarousel .arrow.arrow-ryt {
  right: 25px;
  position: absolute;
  top: 50%;
  background-color: #fff;
  transform: translateY(-50%) scaleX(-1);
  -webkit-transform: translateY(-50%) scaleX(-1);
  -moz-transform: translateY(-50%) scaleX(-1);
}
#myCarousel .arrow {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #fff;
}
#myCarousel .arrow::after{
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  width: 11px;
  height: 9px;
  background-image: url(../img/popup-arrow.png);
  background-position: top center;
  background-repeat: no-repeat;
}
#myCarousel .arrow img{display: none;}
.carousel-control{
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: -60px !important;
  bottom: auto !important;
  width: auto !important;
  background-color: #333 !important;
  opacity: 1 !important;
}
.carousel-control.right{
  right: -60px !important;
}
.carousel{
  overflow: hidden !important;
}
/*=========================== Workshop page css ==============================*/

/*======================== Contact Us page css starts here ============================*/

.contact-sec.contact-page {
	margin: 0;
}
.contact-sec.contact-page .col-6.contact-form {
  width: 70%;
  margin: -240px 15% 0 15%;
  padding: 50px 60px 50px 170px;
  background-color: #ed1459;
  border-radius: 4px;
  position: relative;
}
.contact-sec.contact-page .col-6.contact-form::before {
    position: absolute;
    left: -190px;
    top: -30px;
    content: '';
    background: url("../img/contact-girl.png") left top no-repeat;
    width: 328px;
    height: 763px;
}

.contact-sec.contact-page .col-6.contact-form::after {
    position: absolute;
    right: -50px;
    top: 115px;
    content: '';
    background: url("../img/banner-icon-4.png") left top no-repeat;
    width: 107px;
    height: 84px;
}

.contact-page .contact-form form {
   padding: 0;
}

.contact-page .contact-form h2 {
    font-size: 45px;
    text-align: center;
    color: #fff;
    font-family: 'back_to_black_demoregular';
	line-height: 60px;
	margin: 0 0 15px;
	font-weight: 400;
}

.contact-page .contact-form h2 span {
	font-family: 'back_to_black_demoregular';
	color: #ffcf00;
}

.contact-page .contact-form p {
    color: #ffffff;
    font-size: 16px;
    padding: 0 50px;
    text-align: center;
    margin: 0 0 30px;
    line-height: 26px;
}

.contact-page .contact-form .form-row:nth-last-of-type(3) {
	width: 100%;
}

.contact-page .form-row h3 {
    font-size: 22px;
    margin: 15px 0;
    color: #fff;
    font-family: 'quicksandmedium';
}

.contact-page .form-row label {
    position: relative;
    color: #fff;
    display: inline-block;
    margin: 0 15px 0 0;
	cursor: pointer;
}

.contact-page .form-row label span {
	position: absolute;
	left: 0;
	top: 2px;
	background: url("../img/radio-btn.png") left top no-repeat;
	width: 16px;
	height: 16px;
}

.contact-page .form-row label input[type="radio"]:checked + span {
	background: url("../img/radio-btn.png") left bottom no-repeat;
}

.contact-page .form-row label input[type="radio"] {
	z-index: 1;
	opacity: 0;
	margin-right: 0;
}

.contact-page .contact-form .btn {
	margin-top: 20px;
}

.contact-form .btn {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.contact-form .btn:hover {
	background-color: #fff;
}

.contact-details {
    width: 70%;
    margin: 0 15%;
    padding: 40px 0 0 170px;
    float: left;
}

.contact-details p {
    margin: 0 0 30px;
    line-height: 24px;
    color: #474747;
}

.contact-details ul li {
    display: inline-block;
	margin: 0 50px 0 0;
}

.contact-details ul li:last-child {
	margin: 0;
}

.contact-details ul li i {
    width: 76px;
    height: 76px;
    display: inline-block;
    box-shadow: rgba(0,0,0,0.2) 0 7px 15px;
    border-radius: 30px;
	vertical-align: middle;
}

.contact-details ul li i.call-icon {
	background: url("../img/call.png") center center no-repeat;
}

.contact-details ul li i.mail-icon {
	background: url("../img/mail.png") center center no-repeat;
}

.contact-details ul li div {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 15px;
}

.contact-details h5 {
    font-weight: 400;
    color: #474747;
    margin: 0 0 10px;
}

.contact-details a {
    font-size: 20px;
    color: #000;
    font-family: 'quicksandmedium';
}

/*======================== Contact Us page css ends here ============================*/

/*=========================== Video Listing Page css starts here ==============================*/

.banner2 .banner2-text {
    position: absolute;
    left: 50%;
    top: 44%;
    transform: translate(-50%,-50%) rotate(-15deg);
    -webkit-transform: translate(-50%,-50%) rotate(-15deg);
    -moz-transform: translate(-50%,-50%) rotate(-15deg);
}

.banner2 .banner2-text h3 {
    color: #464646;
    font-size: 149px;
    font-family: 'back_to_black_demoregular';
    font-weight: 400;
	margin-bottom: 10px;
}

.banner2 .banner2-text p {
    font-size: 28px;
    color: #887200;
    font-family: 'quicksandmedium';
    padding-left: 130px;
}

.video-list-tabs .tab-sec .tabContent{
	opacity: 0;
	visibility: hidden;
	position:absolute;
	top: 0;
	right: 0;
	left: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	z-index: 1;
}

.video-list-tabs .tab-sec .active {
	opacity: 1;
	visibility: visible;
	position: relative;
}

.video-list-tabs {
    width: 100%;
    float: left;
	margin-top: -80px;
}

.video-list-tabs .tabs {
    width: 100%;
    background-color: #fff;
    box-shadow: rgba(0,0,0,0.2) 0 0 25px;
	float: left;
	position: relative;
}

.video-list-tabs .tab-sec ul.tabs li {
	width: 20%;
	float: left;
	padding: 30px;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	line-height: 24px;
	background-color: #fff;
}

.video-list-tabs .tab-sec ul.tabs li p {
	font-family: 'quicksandmedium';
	width: calc(100% - 50px);
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
}

.video-list-tabs .tab-sec ul.tabs li i {
	width: 40px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	background:transparent;
}

.video-list-tabs .tab-sec ul.tabs li svg {
	width: 100%;
	height: auto;
}

.video-list-tabs .tab-sec ul.tabs li.active svg {
    fill: #fff;
}

.video-list-tabs .tab-sec ul.tabs li {
	position: relative;
}

.video-list-tabs .tab-sec ul.tabs li.active svg path {fill: #fff !important;}

.video-list-tabs .tab-sec ul.tabs li input[type="text"] {

	border: #cccccc solid 1px;
	border-radius: 30px;
	padding: 15px 40px 15px 20px;
}

.video-list-tabs .tab-sec ul.tabs li input[type="submit"] {
    position: absolute;
    right: 15px;
    top: 13px;
	opacity: 0.5;
    border: none;
    box-shadow: none;
    background: url("../img/form-search.png") left top no-repeat;
    font-size: 0;
    width: 20px;
    height: 22px;
	cursor: pointer;
}

.video-list-tabs .tab-sec ul.tabs li.search1.active {
	background-color: transparent;
}

.video-list-tabs .tab-sec ul.tabs li .search-form-new {
	position: relative;
}

.video-list-tabs.blog-list-tabs .tab-sec ul.tabs li i {
	width: 46px;
	height: 50px;
	display: inline-block;
	background: url("../img/blog-icon-list.png") left top no-repeat;
}

.video-list-tabs .tab-sec ul.tabs li i.tab-icon2 {
    background-position: -43px 0px;
}

.video-list-tabs .tab-sec ul.tabs li i.tab-icon3 {
    background-position: -99px 0px;
}

.video-list-tabs .tab-sec ul.tabs li i.tab-icon4 {
    background-position: -151px 0px;
}
.video-list-tabs.blog-list-tabs .tab-sec ul.tabs li i.tab-icon4 {
    background-position: -147px 0px;
}

.video-list-tabs .tab-content-main {
    width: 100%;
    float: left;
	margin: 80px 0 0;
	position: relative;
}

.video-list-tabs .tab-sec ul.tabs li.active {
	background-color: #92c73e;
	color: #fff;
}

.video-list-tabs .tab-sec ul.tabs li.active i.tab-icon1 {
	background-position: 0px -51px;
}

.video-list-tabs .tab-sec ul.tabs li.active i.tab-icon2 {
    background-position: -43px -51px;
}

.video-list-tabs .tab-sec ul.tabs li.active i.tab-icon3 {
    background-position: -99px -51px;
}

.video-list-tabs .tab-sec ul.tabs li.active i.tab-icon4 {
    background-position: -151px -51px;
}
.video-list-tabs.blog-list-tabs .tab-sec ul.tabs li.active i.tab-icon4 {
    background-position: -147px -49px;
}

.video-list-tabs .tabContent .heading {
    padding: 0 30px;
	margin: 0 0 50px;
}

.video-list-tabs .tabContent .heading p {
    line-height: 30px;
}

.video-list-tabs .tabContent .heading p a {
    color: #f0145a;
}

.video-list-tabs .article-content p b {
    letter-spacing: 2px;
    font-size: 16px;
}

.video-list-tabs .article-content p {
    line-height: 28px;
}

.video-list-tabs .article-content {
	padding: 30px;
	min-height: 230px;
}

.video-list-tabs .article-main ul li:nth-last-of-type(1),
.video-list-tabs .article-main ul li:nth-last-of-type(2),
.video-list-tabs .article-main ul li:nth-last-of-type(3) {
	margin-bottom: 0;
}

.video-list-tabs a.video-pop {
    display: block;
    float: left;
    position: relative;
}

.video-list-tabs a .video-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) perspective(1px) translateZ(0);
	-webkit-transform: translate(-50%, -50%) perspective(1px) translateZ(0);
	-moz-transform: translate(-50%, -50%) perspective(1px) translateZ(0);
	width: 42px;
	height: 42px;
	border-radius: 50%;
	content: '';
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	background-color: #fff;
}

@-webkit-keyframes video-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes video-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.video-list-tabs a .video-icon:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  border-radius: 50%;
  opacity: 0;

}
.video-list-tabs a:hover .video-icon:before {
  -webkit-animation-name: video-out;
  animation-name: video-out;
  opacity: 1;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.video-list-tabs a i::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: ;
    content: ;
    content: '';
    border-color: transparent transparent transparent #08080c;
    border-width: 6px;
    border-style: solid;
    margin: -6px 0px 0 -2px;
}

.cat-taggle {
	display: none;
}

.banner2 .banner2-icons {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1170px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.banner2-icon {
	position: absolute;
}

.banner2-icon.banner2-icon1 {
    left: 70px;
    top: 30px;
	animation: banner2-icon1 2s linear alternate infinite;
	-webkit-animation: banner2-icon1 2s linear alternate infinite;
}

.banner2-icon.banner2-icon2 {
    left: 150px;
    top: 220px;
	animation: banner2-icon2 2s linear alternate infinite;
	-webkit-animation: banner2-icon2 2s linear alternate infinite;
}

.banner2-icon.banner2-icon3 {
    right: 80px;
    top: 50px;
	animation: banner2-icon2 2s linear alternate infinite;
	-webkit-animation: banner2-icon2 2s linear alternate infinite;
}

.banner2-icon.banner2-icon4 {
    right: 100px;
    top: 170px;
	animation: banner2-icon1 2s linear alternate infinite;
	-webkit-animation: banner2-icon1 2s linear alternate infinite;
}

@keyframes banner2-icon1 {
	0% {
		margin-top: 0px;
	}
	50% {
		margin-top: 10px;
	}
	100% {
		margin-top: 0px;
	}
}

@-webkit-keyframes banner2-icon1 {
	0% {
		margin-top: 0px;
	}
	50% {
		margin-top: 10px;
	}
	100% {
		margin-top: 0px;
	}
}

@keyframes banner2-icon2 {
	0% {
		margin-top: 10px;
	}
	50% {
		margin-top: 0px;
	}
	100% {
		margin-top: 10px;
	}
}

@-webkit-keyframes banner2-icon2 {
	0% {
		margin-top: 10px;
	}
	50% {
		margin-top: 0px;
	}
	100% {
		margin-top: 10px;
	}
}

.align-center.more-video {
    margin: 30px 0 0 0;
    width: 100%;
    float: left;
}

/*=========================== Video Listing Page css ends here ==============================*/

/*======================== Blog List page cs Starts here ===========================*/

.blog-list-tabs .blog-detail .article-date {
    position: static;
    left: auto;
    top: auto;
    width: 50%;
    text-align: center;
    display: inline-block;
	padding: 12px 15px;
}

.blog-list-tabs .blog-detail {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.blog-list-tabs .blog-detail .author {
	display: inline-block;
	color: #bdbdbd;
	margin: 0 0 0 20px;
}

.blog-list-tabs .article-content {
    padding: 65px 30px 30px;
}

.blog-list-tabs .location a {
	color: #bdbdbd;
	margin: 0 20px 0 0;
	text-transform: capitalize;
}

.blog-list-tabs .location a:hover {
	color: #000;
}

.blog-list-tabs .blog-detail,
.blog-list-tabs .blog-detail {
		font-size: 14px;
}

.blog-list-tabs .icon-calender,
.blog-list-tabs .icon-author,
.blog-list-tabs .icon-cmnt,
.blog-list-tabs .icon-view {
	background: url("../img/blog-icons.png") left top no-repeat;
	display: inline-block;
	opacity: 0.4;
	margin-right: 2px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.blog-list-tabs .location a:hover .icon-cmnt,
.blog-list-tabs .location a:hover .icon-view {
	opacity: 1;
}

.blog-list-tabs .icon-calender {
	width: 11px;
	height: 11px;
	background-position: 0px -1px;
	margin-right: 4px;
}

.blog-list-tabs .icon-author {
	width: 12px;
	height: 13px;
	background-position: -16px 0px;
}

.blog-list-tabs .icon-cmnt {
	width: 13px;
	height: 13px;
	background-position: -31px 0px;
}

.blog-list-tabs .icon-view {
	width: 17px;
	height: 9px;
	background-position: -46px -2px;
}

.recent-post::before {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    content: '';
    background: url("../img/top-yellow.png") left top no-repeat;
    height: 98px;
}

.recent-post {
	width: 100%;
	float: left;
	background-color: #ffe041;
	position: relative;
	margin: 140px 0 0;
	padding: 110px 0;
}

.recent-post .heading h2 {
	margin: 0 0 50px;
}

.recent-post::after {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    content: '';
    background: url("../img/bot-yellow.png") left top no-repeat;
    height: 107px;
}


.recent-post ul {
	background-color: #fff;
	border-radius: 4px;
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	box-shadow: rgba(0,0,0,0.2) 0 0 20px;
}

.recent-post ul::before {
	width: 200px;
	height: 135px;
	background: url("../img/pattern.png") left top repeat;
	content: '';
	top: -20px;
	left: -12px;
	position: absolute;
	z-index: -1;
}

.recent-post ul::after {
	width: 200px;
	height: 135px;
	background: url("../img/pattern.png") left top repeat;
	content: '';
	right: -13px;
	bottom: -20px;
	position: absolute;
	z-index: -1;
}



.recent-post ul li {
	width: 25%;
	float: left;
	overflow: hidden;
}

.recent-post ul li:first-child {
	border-radius: 4px 0 0 4px;
}

.recent-post ul li:last-child {
	border-radius: 0 4px 4px 0;
}

.recent-post ul li a {
	background-color: #f6f6f6;
	display: block;
	padding: 20px;
	min-height: 140px;
}

.recent-post ul li:hover a {
	background-color: #fff;
	box-shadow: inset #96c93d 0 -3px  0px;
}

.recent-post ul li img {
	margin-right: 5px;
	box-shadow: rgba(0,0,0,0.2) 0 0 10px;
}

.recent-post ul li .post-content p {
    font-size: 14px;
	line-height: 20px;
}

.recent-post ul li .post-content .post-date {
    color: #acacac;
    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
}

.recent-post ul li .post-content {
	display: inline-block;
	width: 55%;
	vertical-align: top;
}

/*======================== Blog List page css Ends here ===========================*/

/*============================= Blog Detail page css starts here ============================*/


.blog-detail,
.blog-detail-main {
	width: 100%;
	float: left;
}

.blog-left {
	width: 120px;
	float: left;
}

.blog-ryt {
    width: calc(100% - 120px);
    float: left;
	border-left: #dddddd solid 1px;
	padding-left: 70px;
}

.blog-ryt,
.blog-left {
	padding-top: 80px;
	padding-bottom: 110px;
}

.blog-detail-main {
    margin-top: -35px;
}

.blog-detail-main .publish-date {
    font-size: 61px;
    font-family: 'quicksandbold';
    display: inline-block;
    vertical-align: top;
    line-height: 36px;
	z-index: 2;
    position: relative;
}

.blog-detail-main .publish-date span {
    background-color: #000;
    color: #fff;
    width: 125px;
    display: inline-block;
    position: relative;
    font-family: 'quicksandbold';
    padding: 4px;
    text-align: center;
    font-size: 16px;
    vertical-align: top;
    line-height: 1;
    margin-bottom: 10px;
}

.blog-detail-main .blog-cat {
    color: #f0145a;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 25px;
    display: inline-block;
	font-family: 'quicksandbold';
}

.blog-ryt h2 {
	font-size: 36px;
	text-transform: uppercase;
	font-family: 'quicksandbold';
	color: #000;
	margin: 0 0 50px;
}

.detail-rating ul {
	display: inline-block;
}

.detail-rating li {
    display: inline-block;
}

.detail-rating li {
	font-size: 14px;
	color: #131313;
	font-family: 'quicksandbold';
	margin-right: 50px;
}

.detail-rating li a {
	color: #131313;
	font-size: 16px;
	font-family: 'quicksandbold';
}

.blog-star-rating {
    display: inline-block;
    float: right;
	color: #131313;
	font-size: 16px;
	font-family: 'quicksandbold';
}

.blog-star-rating .star-rating {
    width: 97px;
    height: 19px;
    display: block;
	background: url("../img/star-rating.png") 0 0 no-repeat;
	margin: 0 0 5px;
}

/* Star Rating */
.star-rating.rating-zero {
	background-position: 0 0px;
}

.star-rating.rating-one {
	background-position: 0 -20px;
}

.star-rating.rating-two {
	background-position: 0 -40px;
}

.star-rating.rating-three {
    background-position: 0 -60px;
}

.star-rating.rating-four {
    background-position: 0 -80px;
}

.star-rating.rating-five {
    background-position: 0 -100px;
}

.blog-detail-content {
    width: 100%;
    float: left;
    margin: 30px 0 0;
}

.blog-detail-main .blog-detail-content p {
    font-size: 16px;
    color: #474747;
    margin: 0 0 30px;
    line-height: 26px;
}

.blog-detail-main .blog-detail-content iframe {
	margin-bottom: 30px;
	width: 100%;
	height: 500px;
}

.blog-detail-content .blog-img {
	position: relative;
}

.blog-img::before {
    position: absolute;
    left: 0;
    top: -40px;
    content: '';
    background: url("../img/blog-pattern.png") left top repeat;
    width: 90%;
    height: 40px;
}

.blog-detail-content .blog-img img {
	width: 100%;
}

.blog-detail-content .blog-img:nth-of-type(2n+1) {
    float: left;
    width: 50%;
    margin: 50px 50px 50px 0;
}


.blog-detail-content .blog-img:nth-of-type(2n) {
    float: right;
    width: 50%;
	margin: 50px 0 50px 50px;
}

.blog-detail-content ul {
    list-style: square;
	margin: 0 0 30px;
}

.blog-detail-content li {
    font-size: 16px;
	color: #474747;
	margin: 0 0 5px;
	line-height: 26px;
}

.blog-detail-content ol {
    list-style: decimal;
	margin: 0 0 30px;
}

.recent-post.blog-detail-page {
    margin-top: 30px;
}

.detail-rating li i {
    width: 18px;
    height: 17px;
    display: inline-block;
	background: url("../img/blog-detail-icon.png") left top no-repeat;
	vertical-align: middle;
	margin: -3px 5px 0 0;
}

.detail-rating li i.icon-detail-view {
    background-position: -23px 0px;
    width: 25px;
}

.detail-rating li i.icon-detail-author {
    background-position: -47px 0;
}

.blog-detail-main .publish-date b {
    font-family: 'quicksandmedium';
    font-weight: 700;
}

/*============================= Blog Detail page css starts here ============================*/

/*============================== Product page css starts here =============================*/

.product-listing-main {
	float: left;
	width: 100%;
}

.product-sorting {
	float: left;
	width: 100%;
	background-color: #efefef;
	padding: 15px 20px;
	border-radius: 4px;
}
#nofilter h3 {
    padding-top: 11px;
}
.product-cat-left {
    width: 30%;
    float: left;
}

.product-cat-ryt {
  width: 70%;
  float: left;
	text-align: left;
}
.product-cat-ryt select{margin-right: 25px;}
.product-cat-left h3 {
    font-size: 24px;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'quicksandmedium';
	margin-right: 30px;
	vertical-align: middle;
}

.product-sorting select {
    width: 200px;
    border-radius: 30px;
    font-size: 14px;
    color: #7e7e7e;
    text-shadow: 0 0 0 #7e7e7e;
	background-position: 90% center;
	margin-left: 10px;
}

.product-sorting select:focus {
	box-shadow: none;
}

.product-sorting select.product-show {
    width: 120px;
}

.product-list {
    width: 100%;
    float: left;
}

.product-list .sorting-result {
    text-align: right;
    margin: 15px 0 40px;
    color: #474747;
}

.product-list ul li {
    width: 23%;
    float: left;
	margin: 0 0 50px;
}

.product-list ul li:nth-child(4n+2) {
    margin: 0 1.35% 50px 2.65%;
}

.product-list ul li:nth-child(4n+3) {
    margin: 0 2.65% 50px 1.35%;
}

.single-product {
    background-color: #fff;
    box-shadow: #ededed 0 0 30px;
    width: 100%;
    float: left;
}

.single-product .product-content {
    border-top: #474747 dashed 1px;
	padding: 30px 20px;
}

.single-product .product-content h3 {
    line-height: 24px;
		min-height: 68px;
}

.single-product .product-content h3 a {
    font-family: 'quicksandmedium';
}

.single-product .product-img {
		height: 269px;
    position: relative;
    overflow: hidden;
}

.single-product .product-img img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: auto;
    max-height: 90%;
}

.single-product .product-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(145,199,65,0.7);
    text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease;
}

.single-product:hover .product-hover {
	opacity: 1;
	visibility: visible;
}


.product-hover .compare-check i ,
.product-hover a i  {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #fff url(../img/product-icon.png) 8px 11px no-repeat;
    border-radius: 50px;
}

.product-hover .compare-check:hover i,
.product-hover a:hover i {
	 background: #f0145a url(../img/product-icon.png) 8px -18px no-repeat;
}

.product-hover .compare-check i,
.product-hover a:nth-child(2) i  {
	background-position: -30px 11px;
}

.product-hover .compare-check:hover i,
.product-hover a:nth-child(2):hover i  {
	background-position: -30px -19px;
}


.product-hover .compare-check span,
.product-hover a span {
    display: block;
    font-size: 14px;
    color: #fff;
    font-family: 'quicksandmedium';
	margin-top: 5px;
}

.single-product .product-hover a:first-child {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    margin-top: -150px;
}

.single-product .product-hover .compare-check,
.single-product .product-hover a:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    margin-top: 150px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.single-product .product-hover .compare-check,
.single-product .product-hover a {
	opacity: 0;
	visibility: hidden;
}

.single-product:hover .product-hover .compare-check,
.single-product:hover .product-hover a {
	opacity: 1;
	visibility: visible;
}

.single-product:hover .product-hover a:first-child {
	 margin-top: -40px;
}

.single-product:hover .product-hover a:nth-child(2),
.single-product:hover .product-hover .compare-check {
	 margin-top: 40px;
}


.compare-check label,
.compare-check {
	cursor: pointer;
	display: block;
}

.compare-check input {
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
	opacity: 0;
	cursor: pointer;
}

.product-hover .compare-check:hover i {
	background: #fff url(../img/product-icon.png) -30px 11px no-repeat;
}

.product-hover .compare-check:hover input[type="checkbox"]:checked + i,
.product-hover .compare-check input[type="checkbox"]:checked + i {
	background: #f0145a url(../img/product-icon.png) -30px -19px no-repeat;
}


.product-hover .compare-check i {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.single-product .product-hover .compare-check span {
    display: block;
}

.pagination {
    width: 100%;
    float: left;
	text-align: center;
}

.pagination ul {
	border: #999999 solid 1px;
	border-radius: 30px;
	display: inline-block;
}

.pagination ul li {
	width: 40px;
	float: left;
	text-align: center;
	border-right: #999999 solid 1px;
	vertical-align: top;
	min-height: 44px;
}

.pagination ul li:last-child {
	border-right: none;
}


.pagination ul li a {
    display: block;
    padding: 15px 0;
    font-size: 14px;
    color: #474747;
}
.pagination ul li.current a {
    background-color: #f0145a;
    color: #fff;
}
/*.pagination ul li:hover a {
	color: #000;
}*/

.pagination ul li:first-child a i {
    background: url("../img/pagination-arrow.png") left top no-repeat;
	width: 7px;
	height: 11px;
	opacity: 0.4;
	display: inline-block;
}

.pagination ul li:last-child a i {
    background: url("../img/pagination-arrow.png") right top no-repeat;
	width: 7px;
	height: 11px;
	opacity: 0.4;
	display: inline-block;
}

.pagination ul li:hover a i {
	opacity: 1 !important;
}

.footer.product-listing {
    padding: 80px 0 45px;
}

/*============================== Product page css ends here =============================*/

/*================= Product Detail page css starts here ===================*/

.product-detail-main {
	width: 100%;
	float: left;
}

.pagination-top {
    width: 100%;
    float: left;
    border-bottom: #474747 dashed 1px;
    padding-bottom: 20px;
}

.pagination-top a {
	color: #474747;
}

.pagination-top a:hover {
	color: #000;
	margin-left: 3px;
}

.pagination-top a:hover i {
	opacity: 1;
}

.pagination-top i {
    width: 16px;
    height: 9px;
    display: inline-block;
    background: url("../img/slider-arrow.png") 2px 1px no-repeat;
    background-size: 13px;
    transform: rotate(-90deg);
    vertical-align: middle;
    opacity: 0.7;
}

.product-slider-sec {
	width: 100%;
	float: left;
	background-color: #fff;
	padding: 30px 40px;
	box-shadow: #ededed 0 0 30px;
	margin: 50px 0 0;
}

.product-slider-sec .col-8 {
    width: 55%;
	position: relative;
}

.product-slider-sec .col-4 {
    width: 45%;
	padding-left: 30px;
}

.product-slider-sec .col-8 img {
    width: auto !important;
    height: 570px;
}

.details-small-img {
    width: 115px;
    float: left;
	padding: 0 10px 0 0;
}

.details-small-img div.slick-slide {
    margin: 0 0 10px;
    height: 103px !important;
	cursor: pointer;
}


.details-small-img div.slick-slide a {
	border: #cacaca solid 1px;
	display: block;
	height: 100%;
}

.details-small-img div.slick-slide a.active {
	border: #f0145a solid 1px;
}

.details-small-img div.slick-slide img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.details-big-img {
    width: 100%;
    float: left;
}

.product-slider-sec .slick-next.slick-arrow,
.product-slider-sec .slick-prev.slick-arrow {
    position: absolute;
    bottom: -60px;
    top: auto;
    border-radius: 0;
    width: 50px;
    height: 50px;
    background: #f1f1f1;
	left: 0;
}

.product-slider-sec .slick-next.slick-arrow::after,
.product-slider-sec .slick-prev.slick-arrow::after {
	position: absolute;
	left: 0;
	top: 0;
	bottom:0;
	right: 0;
	background: url('../img/slider-arrow.png') 0 0 no-repeat;
	width: 20px;
	height: 12px;
	content: '';
	margin: auto;
}

.product-slider-sec .slick-next.slick-arrow::after {
	background-position: 0 -23px;
}

.product-slider-sec .slick-prev.slick-arrow {
	right: 0;
	left: auto;
}

.product-slider-sec h2 {
    text-align: center;
    margin: 0 0 30px;
    font-size: 28px;
	font-family: 'quicksandmedium'
}

.product-short-des p {
    line-height: 24px;
}

.product-short-des p:nth-of-type(1) {
	margin: 20px 0 7px;
}

.product-short-des table {
    width: 100%;
}

.product-short-des table td {
    border: #d9d9d9 solid 1px;
	width: 50%;
}


.product-short-des table tr td:nth-child(2) {
    padding-left: 14px;
}

.product-short-des table td {
    border: #d9d9d9 solid 1px;
    width: 50%;
    font-size: 14px;
    padding: 8px;
}

.product-short-des table tr:nth-child(2n+1) td {
	background-color: #f7f7f7;
}


.tags,
.catgory span,
.catgory a,
.product-short-des p.sku {
	font-size: 14px;
	font-family: 'quicksandmedium';
	text-transform: uppercase;
}

.product-short-des p.catgory {
    margin: 20px 0;
}

.more-details {
    margin: 20px 0 0;
    color: #666666;
    display: inline-block;
    text-decoration: underline;
	position: relative;
}

.more-details::after {
	position: absolute;
	right: -13px;
	top: 4px;
	content: '';
	width: 6px;
	height: 10px;
	background: url("../img/arrow-quick.png") left top no-repeat;
}

.more-details:hover {
	color: #000;
}

.product-short-des p.tags a {
	font-size: 14px;
	font-family: 'quicksandmedium';
	text-transform: uppercase;
	color: #f0145a;
}

.buy-now-btn {
    margin-top: 10px;
}

.buy-now-btn ul,
.buy-now-btn ul li {
	display: inline-block;
	vertical-align: top;
}

.buy-now-btn ul li {
    margin-right: 20px;
}

.buy-now-btn ul li a {
    width: 42px;
    height: 42px;
	border: #060606 solid 1px;
	border-radius: 50%;
	display: inline-block;
	background: url("../img/compare-icon.png") 11px 9px no-repeat;
}

.buy-now-btn ul li a:hover {
	background-color: #ffcf00 ;
	border-color: #ffcf00;
}

.buy-now-btn ul li a.icon-share {
    background-position: -41px 9px;
}

.buy-now-btn .btn {
	margin-right: 20px;
}

.product-long-des .tab-content-main {
    position: relative;
}

.product-long-des .tabContent {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.product-long-des .tabContent.active {
	opacity: 1;
	visibility: visible;
	position: relative;
}

.product-long-des  {
	border: #cacaca solid 1px;
	margin: 100px 0 0;
	width: 100%;
	padding: 50px 30px;
	float: left;
}

.product-long-des ul.tabs {
	text-align: center;
	margin-top: -70px;
}

.product-long-des ul.tabs li  {
	border: #cacaca solid 1px;
	padding: 12px 20px;
	display: inline-block;
	margin: 0 5px 0 5px;
	background-color: #fff;
	border-radius: 30px;
	color: #8d8d8d;
	font-family: 'quicksandmedium';
	cursor: pointer;
}

.product-long-des ul.tabs li span {
	font-family: 'quicksandmedium';
}

.product-long-des ul.tabs li.active {
	color: #000;
}

.tabfrst,
.product-long-des .tab-content-main,
.product-long-des ul.tabs,
.product-long-des .tab-sec {
    width: 100%;
    float: left;
}

.product-long-des .tabContent h3,
.product-long-des .tab-content-main h4 {
	font-family: 'quicksandmedium';
}

.product-long-des .tabContent h3 {
    font-size: 22px;
    margin: 0 0 15px;
}

.product-long-des .tab-content-main h4 {
    color: #f0145a;
    font-size: 16px;
    margin: 0 0 30px;
	font-weight: 500;
}

.product-long-des .tab-content-main p {
    line-height: 26px;
    margin: 0 0 30px;
}

.product-long-des .tab-content-main a {
    color: #f0145a;
	text-decoration: underline;
    margin: 0 0 30px;
	display: inline-block;
}

.product-long-des .tab-content-main p a {
	text-decoration: none;
	margin: 0;
}

.use-instr .col-6 {
    width: 50%;
    float: left;
}

.use-instr .col-6:nth-of-type(1) {
	padding: 0 30px 0 0;
}

.use-instr .col-6:nth-of-type(2) {
	padding: 0 0 0 30px;
}

.use-instr h5 {
    font-size: 20px;
    color: #000;
    margin: 25px 0 45px;
	position: relative;
	display: inline-block;
}

.use-instr h5::after {
    position: absolute;
    left: 0;
    bottom: -13px;
    content: '';
    border-bottom: #000 dashed 1px;
    height: 1px;
    width: 80%;
}

.use-instr ol {
    list-style: decimal;
    margin: 0 0 0 14px;
    font-family: 'quicksandmedium';
    font-weight: 600;
    color: #474747;
}


.use-instr ol li p,
.use-instr ol li {
    font-family: 'quicksandregular';
	font-weight: 400;
}


.use-instr ol li h6 {
    color: #474747;
    font-size: 16px;
    margin: 0 0 5px;
	text-transform: uppercase;
}

.product-long-des .tab-content-main .use-instr ol li p {
	margin: 0 0 15px;
}

.use-instr .col-6:nth-of-type(2) ol li {
	margin: 0 0 5px;
}

.btn-sec {
    width: 100%;
    float: left;
    text-align: center;
}

.product-long-des .tab-content-main .btn-sec a {
	color: #000;
	text-decoration: none;
	margin: 50px 0 0;
}

.product-long-des .tab-content-main .btn-sec a:hover {
	color: #fff;
}

.use-instr .col-6:nth-of-type(1) ol {
	list-style: none;
	margin: 0;
}

.related-product-slider {
	width: 100%;
	float: left;
	margin: 80px 0 -40px;
}

.related-product-slider .product-list ul li {
	margin: 20px 20px 40px 20px !important;
}

.related-product-slider .slick-next.slick-arrow,
.related-product-slider .slick-prev.slick-arrow {
    width: 46px;
    height: 43px;
    position: absolute;
    left: 50%;
    bottom: -40px;
	top: auto;
    font-size: 0;
    border: #999999 solid 1px;
    background: none;
    cursor: pointer;
	transform: translateX(-50%);
}

.related-product-slider .slick-next.slick-arrow:hover:after,
.related-product-slider .slick-prev.slick-arrow:hover:after {
	opacity: 1;
}

.related-product-slider .slick-next.slick-arrow::after,
.related-product-slider .slick-prev.slick-arrow::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	top: 0;
	width: 7px;
	height: 11px;
	content: '';
	background: url("../img/pagination-arrow.png") left top no-repeat;
	opacity: 0.5;
}



.related-product-slider .slick-next.slick-arrow {
	margin-left:22px;
	border-radius: 0 30px 30px 0;
	border-left: none;
}

.related-product-slider .slick-next.slick-arrow::after {
	background-position: -18px 0px;
}

.related-product-slider .slick-prev.slick-arrow {
	margin-left: -22px;
	border-right: none;
	border-radius: 30px 0 0 30px;
}

.related-product-slider .slick-prev.slick-arrow::before {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	content: '';
	background-color: #999;
	opacity: 1;
}

.related-product-slider .product-list {
	margin: 0 0 50px;
}

/* Buy now popup */
.buy-now-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	z-index: 99999;
}

.buy-now-popup.popup-open {
	opacity: 1;
	visibility: visible;
}

.buy-now-popup .popup-content-area {
    width: 950px;
    min-height: 450px;
    background-color: #fff;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
	border-radius: 4px;
	padding: 50px;
	text-align: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.buy-now-popup.popup-open .popup-content-area {
	top: 50%;
}

.buy-now-popup .popup-content-area h3 {
	font-family: 'quicksandmedium';
    font-size: 28px;
	font-weight: 600;
	margin: 0 0 30px;
	line-height: 36px;
}
.popup-content-area ul {
    display: flex;
    justify-content: space-around;
}
.popup-content-area ul li {
    width: 33.3%;
    float: left;
	padding: 30px 50px;
}

.popup-content-area ul li p {
    font-size: 18px;
	color: #8d8d8d;
	font-family: 'quicksandmedium';
	line-height: 24px;
	margin: 0 0 15px;
}

.popup-content-area ul li a {
	margin-top: 25px;
}

.popup-content-area ul li:nth-child(2) {
    border-left: #474747 dashed 1px;
}

.popup-content-area ul li:nth-child(3) {
    border-left: #474747 dashed 1px;
}

.popup-content-area .cros-popup {
    width: 45px;
    height: 45px;
    display: inline-block;
    background: #000 url("../img/cross.png") center no-repeat;
    border-radius: 50px;
    position: absolute;
    right: -22px;
    top: 40px;
    cursor: pointer;
}

.dt-bg img {
    width: 100% !important;
}

.mobile-img {
	display: none;
}

/*================= Product Detail page css ends here ===================*/

/*===================== Compare page css starts here =========================*/

.compare-table {
    width: 100%;
    float: left;
    margin-bottom: -50px;
	position: relative;
}

.compare-table th,
.compare-table td {
    border: #d3d3d3 solid 1px;
}

.compare-table tr td:first-child {
	text-align: left;
	text-transform: uppercase;
	font-family: 'quicksandmedium';
}

.compare-table tr:first-child td {
	padding: 25px 20px;
}

.compare-table tr:first-child td:first-child ,
.compare-table tr:nth-child(2n) td {
	background-color: #f7f7f7;
}

.compare-table td {
	text-align: center;
	padding: 12px 20px;
	width: 20%;
	font-size: 14px;
	color: #474747;
	vertical-align: middle;
	line-height: 20px;
}

.compare-table th {
	padding: 12px;
}

.compare-table h3 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    color: #000000;
    padding: 0;
	font-family: 'quicksandmedium';
	font-weight: 500;
}

.compare-table .btn {
    padding: 10px 25px;
    font-size: 14px;
}

.compare-table .remove {
	background: url("../img/remove.png") 0 3px no-repeat;
	font-size: 14px;
	color: #f0145a;
	text-transform: uppercase;
	font-family: 'quicksandmedium';
	padding-left: 20px;
}
.compare table br {
	display:  none;
}

/*===================== Compare page css ends here =========================*/

/*==================== Comparison Chart page css ========================*/

.comparison-table td,
.comparison-table th {
	border: #d9d9d9 solid 1px;
	text-align: center;
	font-size: 14px;
	padding: 10px;
	line-height: 18px;
}

.comparison-table thead tr th:first-child {
	width: 10.5%;
}

.comparison-table tbody tr:nth-child(2n+1) td {
	background-color: #f7f7f7;
}
.comparison-table tbody tr td a {
    color: #f0145a;
}
.comparison-table th {
	width: 8.5%;
	background-color: #92c73e;
	color: #fff;
	text-transform: uppercase;
	font-family: 'quicksandmedium';
	line-height: 18px;
	font-weight: 500;
	border-right: #7ca935 solid 1px;
}

.comparison-chart span {
    color: #f0145a;
    font-size: 14px;
    margin: 20px 0 0;
    display: inline-block;
}

.comparison-chart {
    width: 100%;
    float: left;
    margin: 0 0 -90px;
}

.sorting-main {
    width: 100%;
    float: left;
		margin: 0 0 5px;
}

.sorting-main h2 {
    display: block;
    font-size: 20px;
	font-family: 'quicksandmedium';
	font-weight: 500;
	margin-bottom: 15px;
}

.sort-select {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-bottom: 15px;
		position: relative;
}

.sort-select h3 {
    min-width: 180px;
    border: #cccccc solid 1px;
    border-radius: 30px;
    padding: 15px 60px 15px 30px;
    font-size: 14px;
    color: #999999;
    font-weight: 400;
		position: relative;
		cursor: pointer;
}

.sort-select h3::after {
	position: absolute;
	right: 25px;
	top: 20px;
	content: '';
	border-color: #7e7e7e transparent transparent transparent;
	border-width: 6px;
	border-style: solid;
}

.sort-select ul {
    position: absolute;
    left: 0;
    top: 90%;
    background-color: #fff;
    width: 90%;
    margin: 0 5%;
    border-radius: 0 0 4px 4px;
    padding: 10px;
    box-shadow: rgba(0,0,0,0.1) 0 7px 10px;
	display: none;
	z-index: 1;
}

.sort-select ul li {
	position: relative;
	border-bottom: #dcdcdc dotted 1px;
	padding: 10px 0;
}

.sort-select ul li:last-child {
	border: none;
	padding-bottom: 0;
}

.sort-select ul li input {
	margin: 0;
	opacity: 0;
}

.sort-select ul li i {
	position: absolute;
	left: 0;
	top: 11px;
	width: 14px;
	height: 14px;
	content: '';
	background: url("../img/checkbox.png") 0 0 no-repeat;
	z-index: 2;
}

.sort-select ul li input[type="checkbox"]:checked + i {
	background-position: left bottom;
}

.sort-select ul li:hover span  {
	color: #333333;
}

.sort-select ul label {
    display: block;
    cursor: pointer;
    padding-left: 7px;
    font-size: 14px;
    color: #999999;
}

.sorting-main.fixed {
	position: fixed;
	left: 0;
	top: 0;
	background-color: #fff;
	padding: 15px 0;
	z-index: 9;
	transition: all 0.5s ease;
	box-shadow: rgba(0,0,0,0.1) 0 2px 10px;
}

/*==================== Comparison Chart page css ========================*/

/*================= 404 Error page css ==================*/

.banner-main.error-404 {
	min-height: 700px;
	background: #92c73e url("../img/error-bg.jpg") center bottom no-repeat;
	padding: 80px 0 190px;
}

.error-banner-icons {
    text-align: center;
    margin-top: 150px;
}

.error-banner-icons h3 {
    color: #fff;
    padding: 30px 0 50px;
    font-size: 22px;
	font-family: 'quicksandmedium';
	font-weight: 500;
}

.error-banner-icons .btn {
    position: relative;
    z-index: 9;
}

.error-icons img {
    position: absolute;
    top: 180px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
	animation: error-banner-icon 2s linear alternate infinite;
	-webkit-animation: error-banner-icon 2s linear alternate infinite;
}

.error-icons img.error-icon2 {
    left: 55%;
	animation: error-banner-icon2 2s linear alternate infinite;
	-webkit-animation: error-banner-icon2 2s linear alternate infinite;
}


@keyframes error-banner-icon {
	0% {
		margin-top: 0px;
	}
	50% {
		margin-top: 10px;
	}
	100% {
		margin-top: 0px;
	}
}

@-webkit-keyframes error-banner-icon {
	0% {
		margin-top: 0px;
	}
	50% {
		margin-top: 10px;
	}
	100% {
		margin-top: 0px;
	}
}

@keyframes error-banner-icon2 {
	0% {
		margin-top: 0px;
	}
	50% {
		margin-top: -10px;
	}
	100% {
		margin-top: 0px;
	}
}

@-webkit-keyframes error-banner-icon2 {
	0% {
		margin-top: 0px;
	}
	50% {
		margin-top: -10px;
	}
	100% {
		margin-top: 0px;
	}
}

.error-big {
    margin-left: -70px;
    margin-top: 30px;
}

.big-img {
    position: relative;
}

.animate-gif {
    position: absolute;
    right: 24%;
    top: -20px;
    width: 75px;
}

/*================= 404 Error page css ==================*/

/*================== Media page css starts here =====================*/


.article-main-frst ul.top-article li,
.article-main-frst ul.top-article,
.article-main-frst {
    width: 100%;
    float: left;
}

.article-main-frst ul.top-article li:nth-child(2n+1) {
    padding-left: 52px;
}

.article-main-frst ul.top-article li:nth-child(2n) {
    padding-right: 52px;
}

.article-main-frst ul li .article-single .col-8 {
    position: relative;
}

.article-main-frst ul li .article-single .col-8 img.article-logo {
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
	position: absolute;
}

.article-main-frst ul li:nth-child(2n+1) .article-single .col-8 img.article-logo {
   left: -52px;
}

.article-main-frst ul li:nth-child(2n) .article-single .col-8 img.article-logo {
   right: -52px;
}

.article-main-frst ul li .article-single .col-4 {
    width: 48%;
    position: relative;
    background-color: #fff;
    padding: 42px 30px;
	text-align: center;
	min-height: 357px;
	max-height: 357px;
}

.article-main-frst ul li .article-single .col-4::after {
    width: 56px;
    height: 5px;
    content: '';
    background-color: #ffe041;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -28px;
}

.article-main-frst ul li {
	margin: 0 0 80px;
}

.article-main-frst ul li .article-single .col-4::before {
	position: absolute;
	left: 70px;
	bottom: -30px;
	content: '';
	background: url("../img/pattern.png") left top repeat;
	height: 30px;
	width: 200px;
}

.article-main-frst ul li:nth-child(2n) .article-single .col-4::before {
	left: auto;
	right: 70px;
}

.article-main-frst ul li:nth-child(2n+1) .article-single .col-4 {
	 margin: 30px 0 0 -70px;
	  box-shadow: #ededed 10px 0 30px;
}

.article-main-frst ul li:nth-child(2n) .article-single .col-4 {
	 margin: 30px -70px 0 0 ;
	  box-shadow: #ededed -10px 0 30px;
	 z-index: 1;
}


.article-bot-txt h2,
.article-main-frst ul li .article-single .col-4 h2 {
	font-size: 24px;
	margin: 0 0 20px;
	font-family: 'quicksandmedium';
	line-height: 34px;
}


.article-bot-txt span,
.article-main-frst ul li .article-single .col-4 span {
	font-size: 14px;
	margin: 0 0 20px;
	font-family: 'quicksandmedium';
	color: #f0145a;
	display: block;
}


.article-bot-txt p,
.article-main-frst ul li .article-single .col-4 p {
	line-height: 26px;
	margin: 0 0 25px;
}

.btn.border {
    background-color: transparent;
    border: #000 solid 1px;
    padding: 15px 25px;
}

.btn.border:hover {
    background-color: #f0145a;
    border: #f0145a solid 1px;
}

.align-center {
    text-align: center;
}


.article-bot,
.article-bot-main {
	width: 100%;
	float: left;
}

.article-bot-main::before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	content: '';
	background: url("../img/gray-bg-top.jpg") left top no-repeat;
	height: 64px;
}

.article-bot-main {
	background-color: #efefef;
	padding: 40px 0;
	margin: 140px 0 0;
	position: relative;
}

.media-icons {
    position: absolute;
    left: 50%;
    top: 90px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 1140px;
}

.article-bot-main::after {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	content: '';
	background: url("../img/gray-bg-bot.jpg") left top no-repeat;
	height: 51px;
}

.article-bot .heading p {
    padding: 0 240px;
    line-height: 28px;
}

.article-bot ul li {
    width: 31%;
    float: left;
	margin: 0 0 40px;
	position: relative;
}

.article-bot ul li .btn.border {
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.article-bot ul li:nth-child(3n+2) {
	margin: 0 3.5% 40px;
}

.article-bot ul li:nth-child(3n+1) {
	clear: left;
}

.article-bot-single {
    background-color: #fff;
	box-shadow: #ededed 0 0 30px;
	text-align: center;
}


.article-bot-single .article-bot-logo {
    box-shadow: #ededed 0 10px 30px;
    border-radius: 50%;
	margin-top: -53px;
}

.article-bot-single .article-bot-txt {
	padding: 20px 20px 40px 20px;
	min-height: 380px;
}

.article-bot-txt p {
    min-height: 110px;
}

.btn.new {
    background-color: #ffffff;
}

.btn.new:hover {
	background-color: #f0145a;
}

/*================== Media page css ends here =====================*/

/*=================== Quick View Popup Starts here ======================*/

.product-slider-sec.quick-view-main {
    margin: 0;
	box-shadow: inherit;
	padding: 25px 30px;
}



.quick-view-main {
	overflow: auto;
	height: 630px;
}

/*=================== Quick View Popup ends here ======================*/

/*================= Quiz page css starts here ======================*/

.quiz-main {
	width: 100%;
	float: left;
	margin: 60px 0 0;
}

.quiz-main .col-9 {
	width: 83%;
}

.quiz-main .col-3 {
	width: 17%;
}

.quiz-main h2 {
	font-size: 60px;
	text-transform: uppercase;
	font-family: 'quicksandmedium';
	margin: 0 0 30px;
}

.quiz-main h3 {
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'quicksandmedium';
	margin: 0 0 40px;
	color: #887200;
}

.quiz-main span {
	font-size: 16px;
	font-family: 'quicksandmedium';
	margin: 0 0 15px;
	color: #474747;
	display: inline-block;
}

.quiz-main p {
	margin: 0 0 30px;
	line-height: 28px;
}

.quiz-main ol {
	display: block;
	padding-left: 3%;
	list-style-type: decimal;
	list-style-position: outside;
}

.quiz-main ol li {
	margin: 0 0 15px;
	padding-left: 10px;
	color: #333;
	line-height: 1.6;
}

.quiz-main ol li strong {
	margin: 0 0 5px;
	display: block;
}

.quiz-main ol li a {
	color: #f0145a;
}

.quiz-main ol li a:hover {
	color: #000;
}

.col-3.add-banner {
    text-align: right;
}

.col-3.add-banner img {
    box-shadow: #e7e7e7 0 10px 10px;
}

.quiz-questions {
	width: 100%;
	float: left;
	background-color: #fff;
	box-shadow: #f3f3f3 0 0 20px;
	padding: 40px 30px;
	border-radius: 4px;
	margin: 70px 0 0 20px;
	position: relative;
	min-height: 520px;
	display: none;
}

.quiz-questions .steps {
	padding: 80px 0 0 80px;
}

.quiz-questions .steps.step-8 {
	padding: 0;
}

.quiz-questions::before {
	position: absolute;
	left: -20px;
	top: -20px;
	content: '';
	width: 200px;
	height: 200px;
	background: url("../img/pattern.png") left top repeat;
	z-index: -1;
}

.quiz-questions::after {
	position: absolute;
	right: -20px;
	bottom: -20px;
	content: '';
	width: 200px;
	height: 200px;
	background: url("../img/pattern.png") left top repeat;
	z-index: -1;
}

.quiz-questions .col-6 {
	width: 60%;
	float: left;
}

.quiz-questions .col-6:nth-child(2) {
	text-align: right;
	width: 40%;
}

.quiz-main .quiz-questions span {
    font-size: 18px;
    /*color: #a4a4a3;*/
    color: #000000;
    font-family: 'quicksandregular';
}

.quiz-main .quiz-questions h4 {
    font-size: 24px;
    color: #000000;
    font-family: 'quicksandmedium';
	margin-bottom: 20px;
	line-height: 36px;
}

.quiz-questions ul li {
	margin: 0 0 20px;
	position: relative;
}

.quiz-questions ul li i {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
	background: url("../img/radio-btn1.png") 0 0 no-repeat;
	margin-top: -8px;
}

.quiz-questions ul li input[type="radio"]:checked + i {
	background: url("../img/radio-btn1.png") left bottom no-repeat;
}

.quiz-questions ul li input {
    position: relative;
    margin: 0;
    z-index: 1;
    opacity: 0;
    width: 16px;
    height: 16px;
	cursor: pointer;
}

.quiz-questions ul li label {
    font-size: 14px;
	color: #474747;
	padding-left: 7px;
	width: 90%;
	display: inline-block;
	line-height: 24px;
	cursor: pointer;
}

.quiz-questions input[type="button"].btn.quiz-btn {
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	position: relative;
	background: #ffcf00 url("../img/quiz-arrow.png") 90px center no-repeat;
	padding: 15px 60px 15px 40px;
	margin: 20px 0 0;
	box-shadow: none;
}

.quiz-questions input[type="button"].btn.quiz-btn:hover {
	background: #f0145a url("../img/quiz-arrow-hover.png") 90px center no-repeat;
}

.steps {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.steps.active {
	opacity: 1;
	visibility: visible;
	position: relative;
	transition: all 0.3s ease;
}

.quiz-questions .col-6:nth-of-type(2) {
    width: 40%;
}

.quiz-video {
	position: relative;
	display: block;
}

.quiz-video::after {
    position: absolute;
    left: 0;
    bottom: -20px;
    content: '';
    background: url(../img/box-shadow.png) center top no-repeat;
    height: 42px;
    right: 0;
    background-size: cover;
    z-index: 0;
}

a.quiz-video .video-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) perspective(1px) translateZ(0);
    -webkit-transform: translate(-50%, -50%) perspective(1px) translateZ(0);
    -moz-transform: translate(-50%, -50%) perspective(1px) translateZ(0);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    content: '';
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    background-color: #fff;
}

a.quiz-video .video-icon::before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    border-radius: 50%;
    opacity: 0;
}

a.quiz-video i::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: ;
    content: ;
    content: '';
    border-color: transparent transparent transparent #08080c;
    border-width: 6px;
    border-style: solid;
    margin: -6px 0px 0 -2px;
}

a.quiz-video:hover .video-icon::before {
    -webkit-animation-name: video-out;
    animation-name: video-out;
    opacity: 1;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.quiz-main .quiz-questions .step-8 h4 {
    text-transform: uppercase;
}

.step-8 table {
    width: 100%;
}

.step-8 table th {
    background-color: #464646;
    color: #fff;
	padding: 24px 14px;
	text-transform: uppercase;
	text-align: left;
	font-family:'quicksandmedium';
	width: 20%;
	line-height: 1;
	vertical-align: middle;
	font-weight: 500;
}

.step-8 table td {
    color: #474747;
	padding: 14px;
	text-align: left;
	border: #eaedef solid 1px;
	line-height: 18px;
	font-size: 14px;
	vertical-align: middle;
}

.quiz-main .step-8 p {
    margin: 25px 0 60px 0;
    text-align: center;
}

.step-8 table td a {
	position: relative;
	text-decoration: underline;
}

.step-8 table td a:hover {
	color: #000;
}

.step-8 table td a::after {
	position: absolute;
	right: -13px;
	top: 4px;
	content: '';
	width: 6px;
	height: 10px;
	background: url("../img/arrow-quick.png") left top no-repeat;
}


.plus-icon::after,
.plus-icon::before {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 13px;
    height: 1px;
    content: '';
    background-color: #fff;
    transform: translate(-50%, -50%);
}

.plus-icon::before {
    transform: rotate(90deg);
    left: 4px;
    top: 10px;
	opacity: 1;
   visibility: visible;
}

.btn.quiz-btn {
    position: relative;
    padding: 15px 60px 15px 40px;
}


.btn.quiz-btn.open .plus-icon::before {
   opacity: 0;
   visibility: hidden;
}

.quiz-questions ul.quiz-timeline li {
	margin: 0 0 40px;
}

.quiz-questions ul.quiz-timeline li span {
    margin: 0;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: #e9e9e9;
    color: #fff;
    text-align: center;
    font-family: 'quicksandmedium';
    line-height: 24px;
    border-radius: 50%;
    font-size: 14px;
	position: relative;
}

.quiz-questions ul.quiz-timeline li span::after {
	position: absolute;
	left: 50%;
	top: 100%;
	width: 2px;
	height: 40px;
	content: '';
	background-color: #e9e9e9;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}


.quiz-questions ul.quiz-timeline li:last-child.active span::before,
.quiz-questions ul.quiz-timeline li:last-child span::after {
	display: none;
}

.quiz-questions ul.quiz-timeline li.active span {
	background-color: #92c73e;
}

.quiz-questions ul.quiz-timeline li span::before {
	background-color: #92c73e;
	position: absolute;
	left: 50%;
	top: 100%;
	width: 2px;
	height: 0px;
	content: '';
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	z-index: 1;
	transition: all 0.3s ease;
}

.quiz-questions ul.quiz-timeline li.active span::before {
	height: 40px;

}

.plus-icon {
    position: absolute;
    right: 30px;
    top: 13px;
    background-color: #000;
    width: 21px;
    height: 21px;
    border-radius: 50%;
}


.quiz-questions ul.quiz-timeline li i {

    width: 38px;
    height: 38px;
    position: absolute;
    left: -7px;
    top: -7px;
    background: none;
    margin-top: 0;
    border: #92c73e solid 2px;
    border-radius: 50%;
    z-index: 1;
    transition: all 0.3s ease;
    transform: scale(0.5);
    opacity: 0;
}

.quiz-questions ul.quiz-timeline li.active i {
	opacity: 1;
	 transform: scale(1);
}
.quiz-timeline {
    display: inline-block;
    position: absolute;
    left: 30px;
    top: 40px;
}

.quiz-questions ul.quiz-timeline.none {
	display: none;
}


.big-img,
.error-banner-icons h3 {
    position: relative;
    z-index: 1;
}

/*================= Quiz page css ends here ======================*/

/*============= Awards page css starts here =================*/

.awards-sec-main,
.awards-main {
	width: 100%;
	float: left;
}

.awards-main .tab-content-main.gads {
    position: relative;
	margin: 50px 0 0 0;
}

.awards-main .tabContent {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

.awards-main .tabContent.active {
    position: relative;
    opacity: 1;
	visibility: visible;
}

.awards-main .tabs {
	text-align: center;
}

.awards-main .tabs li {
    display: inline-block;
	cursor: pointer;
	margin: 0 10px;
}

.awards-main .tabs li p {
	background-color: #ffcf00;
	border: none;
	color: #000000;
	display: inline-block;
	border-radius: 30px;
	font-size: 16px;
	font-weight: 600;
}
.awards-main .tabs li p a {
	padding: 15px 40px;
	display: inline-block;
}

.awards-main .tabs li.active p {
    background-color: #f0145a;
    color: #fff;
}

.awards-main .awards {
    width: 45%;
    float: left;
	margin: 45px 0 70px 0;
}

.awards-main .awards:nth-child(2n+2) {
	margin-left: 10%;
}
.awards-main .awards:nth-child(2n+1) {
	clear: left;
}

.awards-main .awards .awards-single {
    width: 85%;
    float: left;
    background-color: #fff;
    box-shadow: #ededed 0 0 30px;
	position: relative;
	min-height: 350px;
	padding: 30px;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
}

.awards-main .award-choice {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	margin: 0 0 55px;
}

/* .awards-main .award-choice .choice { */
	/* flex: 1; */
	/* -webkit-flex: 1; */
	/* -moz-flex: 1; */
/* } */

.awards-main .flex-in {
    position: absolute;
    right: -110px;
	top: -45px;
	line-height: 0;
}

.awards-main .awards-single .date {
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #ffe041;
    color: #887200;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
	line-height: 12px;
	width: 110px;
	text-align: center;
	font-family: 'quicksandbold';
}

.awards-main .choice.award-logo {
    text-align: left;
	background: url('../img/awards.png') center top no-repeat;
	min-height: 120px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	width: 140px;
	display: inline-block;
	text-align: center;
}

.awards-main .speaker .choice.award-logo {
	background: url('../img/awards-speaker.png') center top no-repeat;
}

.awards-main .award-logo h3 {
    display: block;
	color: #f0145a;
	margin: 125px 0 0;
	font-weight: 500;
	font-family: 'quicksandbold';
	font-size: 20px;
	letter-spacing: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

.awards-single h4 {
    font-size: 18px;
    color: #000;
    word-spacing: 1px;
    line-height: 24px;
	font-family: 'quicksandmedium';
	font-weight: 300;
	min-height: 70px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

.awards-single p {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: #000000;
    font-family: 'quicksandbold';
    border-top: #000 dashed 1px;
    padding: 20px 0 10px;
    margin: 20px 0 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

.awards-main .awards:hover .awards-single {
	background-color: #92c73ecc;
}

.awards-main .awards:hover .choice.award-logo {
    background: url('../img/awards-hover.png') center top no-repeat;
}

.awards-main .speaker .awards:hover .choice.award-logo {
    background: url('../img/awards-speaker-hover.png') center top no-repeat;
}

.awards-main .awards:hover .awards-single p,
.awards-main .awards:hover .awards-single h4,
.awards-main .awards:hover .award-logo h3 {
	color: #fff;
}
.awards-main .awards:hover .awards-single p {
	border-top-color: #fff;
}

.awards-main .awards.style2 .choice.award-logo {
    width: 100%;
}

.awards-main .awards.style2 .awards-single .date {
    right: 110px;
	top: 80px;
}

.awards-main .awards.style2 {
    margin-top: 0;
}

.awards-main .awards.style2 .awards-single {
	padding-top: 75px;
}

.awards-main .awards-popup {
	position: relative;
	display: block;
}

.awards-main .awards-popup::after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: '';
	width: 54px;
	height: 54px;
	background: url("../img/video-icon.png") center no-repeat;
}

/*============= Awards page css ends here =================*/

.carousel {
    position: inherit;
}

.carousel-control {
	left: -60px;
}

.carousel-control.right {
	right: -60px;
}

.product-slider-main .col-6 {
	width: 50%;
}

.product-slider-main .slider-content h3 {
    line-height: 1;
}

.slider-content a.btn {
	vertical-align: top;
}

.oneperframe ul li .slider-content,
.oneperframe ul li .col-6 {
	width: 50%;
	float: left;
}

.oneperframe ul li .slider-content {
	text-align: left;
	padding-top: 200px;
}


.fade-items .btn:nth-of-type(1) {
    margin-left: 0;
}

.awards-main .align-center {
    width: 100%;
    float: left;
}
.article-main ul li:nth-child(3n+1) {
    clear: left;
}
.product-sorting .btn{
	float: right;
}
.compare-table tr:first-child td img {
    width: 120px;
    border: #eee solid 1px;
}
/*============= Loader CSS =================*/
.loader-ellips {
  font-size: 20px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #91c73e; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}

.page-load-status{
	  display: none;
    width: 100%;
    float: left;
}

.article-bot-single .article-bot-img iframe {
    width: 100%;
    height: 242px;
}

.product-list ul li:nth-child(4n+1) {
    clear: left;
}
.related-product-slider .product-list ul li:nth-child(4n+1) {
    clear: inherit;
}
.searchlist h3 a {
    font-family: 'quicksandbold';
    font-size: 24px;
    margin: 0 0 10px;
    display: inline-block;
		line-height: 30px;
}

.searchlist li {
    margin: 0 0 40px;
    padding: 0 0 40px;
    border-bottom: #ccc dashed 1px;
		line-height: 22px;
}

.quiz-questions ul li label span {
    font-size: 14px !important;
    padding: 0;
    margin: 0;
	  width: 90%;
}
.no-product {
    margin: 30px 0;
}
.quiz-main .step-8 .col-12 p:nth-of-type(1) {
    margin-bottom: 0;
}
.quiz-main .step-8 p a {
    color: #f0145a;
}

.bottom_info {
    width: 100%;
    float: left;
    text-align: center;
}

.bottom_info p {
	margin: 0 0 15px;
}

.bottom_info p a {
	color: #f0145a;
}

.product-cat-left .sort-select{
		width: auto;
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 0;
		margin-right:  0;
		position: relative;
		border-radius: 30px;
		color: #7e7e7e;
		text-shadow: 0 0 0 #7e7e7e;
	}
	
.product-cat-left .sort-select h3 {
    color: #7e7e7e;
    background: #fff;
    border: 1px solid #fff;
    font-family: 'quicksandregular';
    text-transform: capitalize;
    padding: 15px 20px;
    margin-right: 0;
    min-width: 220px;
}


@media only screen and (max-width: 1920px) {
	.oneperframe ul li {
		width: 1860px;
		margin: 0 30px;
	}
}

@media only screen and (max-width: 1370px) {
	
	.oneperframe ul li {
		width: 1310px;
		margin: 0 30px;
	}
	
	.banner-text .inner-icon.inner-icon1 {
		top: 340px;
	}

	.banner-text .inner-icon.inner-icon1 {
		top: 60px;
	}

	.banner-text.start1 .inner-icon.inner-icon1 {
		animation: inner-icon1 1s linear alternate infinite;
		-webkit-animation: inner-icon1 1s linear alternate infinite;
	}

	@keyframes inner-icon1 {
		0% {
			top: 60px;
		}
		50% {
			top: 70px;
		}
		100% {
			top: 60px;
		}
	}

	@-webkit-keyframes inner-icon1 {
		0% {
			top: 60px;
		}
		50% {
			top: 70px;
		}
		100% {
			top: 60px;
		}
	}

	.banner-text .inner-icon.inner-icon2 {
		top: 340px;
	}

	.banner-text .inner-icon.inner-icon2 {
		left: 190px;
		top: 125px;
	}
	.banner-text.start1 .inner-icon.inner-icon2 {
		animation: inner-icon2 1s linear alternate infinite;
		-webkit-animation: inner-icon2 1s linear alternate infinite;
	}
	@keyframes inner-icon2 {
		0% {
			top: 125px;
		}
		50% {
			top: 115px;
		}
		100% {
			top: 125px;
		}
	}

	@-webkit-keyframes inner-icon2 {
		0% {
			top: 125px;
		}
		50% {
			top: 115px;
		}
		100% {
			top: 125px;
		}
	}

	.banner-text .inner-icon.inner-icon4 {
		left: auto;
		right: 140px;
		top: 340px;
	}

	.banner-text .inner-icon.inner-icon4 {
		right: 140px;
		top: 60px;
	}

	@keyframes inner-icon4 {
		0% {
			top: 60px;
		}
		50% {
			top: 70px;
		}
		100% {
			top: 60px;
		}
	}

	@-webkit-keyframes inner-icon4 {
		0% {
			top: 60px;
		}
		50% {
			top: 70px;
		}
		100% {
			top: 60px;
		}
	}

	.banner-text .inner-icon.inner-icon5 {
		left: auto;
		right: 80px;
		top: auto;
		bottom: -90px;
	}

	.banner-text .inner-icon.inner-icon5 {
		right: 80px;
		bottom: 90px;
	}

	.banner-text.start1 .inner-icon.inner-icon5 {
		animation: inner-icon5 1s linear alternate infinite;
	}

	@keyframes inner-icon5 {
		0% {
			bottom: 90px;
		}
		50% {
			bottom: 100px;
		}
		100% {
			bottom: 90px;
		}
	}

	@-webkit-keyframes inner-icon5 {
		0% {
			bottom: 90px;
		}
		50% {
			bottom: 100px;
		}
		100% {
			bottom: 90px;
		}
	}

	/*==== Video Listing Page css =====*/
	.banner2 .banner2-text h3 {
		font-size: 110px;
	}
	.banner2 .banner2-text p {
		font-size: 24px;
		padding-left: 100px;
	}
	.banner2-icon {
		width: 60px;
	}
	.banner2-icon.banner2-icon2 {
		top: 160px;
	}
	.banner2-icon.banner2-icon4 {
		top: 140px;
	}

}

@media only screen and (max-width: 1380px) and (min-width: 1281px) {

	.line {
		display: none;
	}

	.fade-items .btn {
		margin: 15px 8px 0 8px;
		padding: 13px 25px;
	}

	/* #fade1.fade-in .fade-content {
		top: 520px;
	}
	.fade-content {
		top: 490px;
	}
 */
	.contact-sec .col-6 .form-content {
		margin-left: -60px;
	}

	.form-content h3 {
		padding: 100px 0 0 80px;
	}
}

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

	/*Scroll Section*/
	.line {
		display: none;
	}



	.fade-items .btn {
		margin: 15px 8px 0 8px;
		padding: 13px 25px;
	}

	/* #fade1.fade-in .fade-content {
		top: 515px;
	}

	.fade-content {
		top: 490px;
	} */

	.banner-center img {
		width: 430px;
	}
	.banner-main .icon {
		width: 60px;
	}

	.banner-main .icon.icon-9 {
		width: auto;
	}

	.banner-main .icon-1 {
		top: 150px;
	}
	@keyframes icon1 {
		0%{top: 150px;}
		50%{top: 160px;}
		100%{top: 150px;}
	}

	@-webkit-keyframes icon1 {
		0%{top: 150px;}
		50%{top: 160px;}
		100%{top: 150px;}
	}

	.icon.icon-2 {
		top: 280px;
	}

	.banner-icons .icon.icon-3 {
		width: 100px;
	}

	.icon.icon-4 {
		right: 180px;
		top: 160px;
	}

	.icon.icon-5 {
		right: 230px;
		top: 280px;
	}

	.banner-icons .icon.icon-6 {
		right: 90px;
		bottom: 100px;
		width: 100px;
	}
	@keyframes icon6 {
		0%{bottom: 100px;}
		50%{bottom: 110px;}
		100%{bottom: 100px;}
	}

	@-webkit-keyframes icon6 {
		0%{bottom: 100px;}
		50%{bottom: 110px;}
		100%{bottom: 100px;}
	}

	.icon.icon-7 {
		top: 390px;
		margin-left: 90px;
	}

	.banner-main .icon.icon-8 {
		width: 100%;
		top: 130px;
	}
	.banner-main .icon.icon-8 img {
		display: inline-block;
	}

	.banner-main .icon.icon-9 {
		bottom: 29%;
	}

	/* Workshop page css */
	.banner-text h2 span,
	.banner-text h2 {
		font-size: 40px;
	}
	.article-main ul li:nth-last-of-type(1),
	.article-main ul li:nth-last-of-type(2),
	.article-main ul li:nth-last-of-type(3) {
		margin-bottom: 40px;
	}
	.contact-sec .col-6 .form-content {
		margin-left: 0;
	}

	.contact-sec .col-6.contact-form,
	.contact-sec .col-6 {
		width: 50%;
	}
	.form-content h3 {
		padding: 100px 0 0 80px;
	}
	
	.oneperframe ul li {
		width: 1220px;
		margin: 0 30px;
	}

}

@media only screen and (min-width: 1200px) {

	.comparison-table table {
		border-collapse: collapse;
		border-spacing: 0;
		table-layout: fixed;
		width: 100%;
	}

/* 	.comparison-table thead tr {
		display: block;
	} */

	/* .comparison-table thead tr td:first-child {
		width: 5%;
	} */

	.comparison-table tbody {
		height: auto;
		overflow: auto;
		width: 100%;
		/* display: block; */
	}

	/* .comparison-table tbody tr {
		display: block;
	} */

	/* .comparison-table tr td:first-child {
		width: 5%;

	} */
	.comparison-table td {
		/* width: 8.5%; */
		border-bottom: none;
	}

	.comparison-table tr:first-child td {
		border-top: none;
	}

	.comparison-table tr:last-child td {
		border-bottom: #d9d9d9 solid 1px;
	}

	.comparison-chart.fix {
		opacity: 0;
		visibility: hidden;
	}

	.comparison-chart.fix.fixed {
		position: fixed;
		top: 0;
		opacity: 1;
		visibility: visible;
	}
}

@media only screen and (max-width: 1200px) {
	
	.fade-content h3 {
		font-size: 34px;
	}

	.fade-content p {
		font-size: 16px;
		font-weight: 500;
	}
	
	.oneperframe ul li {
		width: 960px;
		margin: 0 30px;
	}

	.wrap,
	.wrapper {
		width: 92%;
	}

	.banner2 .banner2-icons,
	.banner-text .icons-main {
		width: 92%;
	}

	.banner2-icon.banner2-icon1,
	.banner2-icon.banner2-icon2,
	.banner2-icon.banner2-icon3,
	.banner2-icon.banner2-icon4,
	.banner-text.start.start1 .inner-icon.inner-icon1,
	.banner-text.start.start1 .inner-icon.inner-icon2,
	.banner-text.start.start1 .inner-icon.inner-icon3,
	.banner-text.start.start1 .inner-icon.inner-icon4,
	.banner-text.start.start1 .inner-icon.inner-icon5 {
		animation: inherit;
	}

	.comparison-chart.fix {
		display: none;
	}

}

@media only screen and (max-width: 1024px) {
	
	.pagespan {
		display: none;
	}

	#pin2 {
		min-height: auto;
		background: none;
		width: 100%;
		float: left;
	}

	#fade1,
	#fade2,
	#fade3,
	#fade4 {
		opacity: 1;
		width: 100%;
		float: left;
		position: relative;
	}

	#fade5 {
		display: none;
	}

	.fade-in .fade-content {
		transform: inherit;
		transition: all 0.6s ease;
		visibility: visible;
		opacity: 1;
		position: inherit;
		left: inherit;
		right: inherit;
		top: inherit;
		margin-top: 200px;
	}

	span.full {
		min-height: auto;
		width: 100%;
		float: left;
	}

	.fade-items img {
		position: inherit;
		left: inherit;
		top: inherit;
		width: auto;
		transform: inherit;
		opacity: 1;
		text-align: center;
		margin-left: -15px;
	}

	.girl-bg {
		display: block;
	}

	.fade-items {
		text-align: center;
		position: absolute;
		top: 100px;
		z-index: 9;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
	}

	.header-main li {
		font-size: 14px;
	}


	.header-main li.inner-menu a,
	.header-main ul li a {
		padding: 10px 14px;
	}

	.youtube {
		width: 100%;
		padding: 40px 0 50px;
		float: left;
	}
	.youtube .video .iframe {
		margin: 30px 0 40px;
	}
	.flow {
		padding: 30px 0 100px;
	}

	.flow .col-4 p {
		margin: 0 20px 25px;
	}

	.media {
		padding: 30px 0 80px;
	}
	.blog-content {
		margin: 40px 0px 0 -50px;
	}

	.media p {
		margin: 0 0 50px;
	}

	.footer ul.logos li {
		padding: 10px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.logos {
		text-align: center;
	}
	.footer ul.logos li {
		float: none;
		display: inline-block;
	}

	.footer-menu li {
		padding: 0 5px;
	}

	.banner-main .icon.icon-8 {
		display: none;
	}

	.banner-main .icon-1 {
		animation: none;
		left: 20px;
	}
	.icon.icon-2 {
		top: 300px;
		animation: none;
		left: 90px;
	}
	.banner-icons .icon.icon-4,
	.banner-icons .icon.icon-5,
	.banner-icons .icon.icon-6,
	.banner-icons .icon.icon-3 {
		animation: none;
	}

	.icon.icon-4 {
		right: 40px;
	}
	.icon.icon-5 {
		right: 90px;
	}
	.icon.icon-7 {
		display: none;
	}

	.icon.icon-9 p {
		font-size: 22px;
		padding: 15px 30px;
	}

	.flow .heading {
		margin: 0 0 20px;
	}
	.flow .col-4:nth-of-type(3) .flow-icon::after,
	.flow .col-4:nth-of-type(3) .flow-icon::before {
		display: none;
	}
	.flow .flow-slider .slick-track .slick-slide:nth-of-type(2) .flow-icon:after,
	.flow .flow-slider .slick-track .slick-slide:nth-of-type(2) .flow-icon:before {
		display: none;
	}

	.scroll-sec {
		background: none;
		min-height: auto;
		display: none;
	}
	.spacer1 {
		margin-top: 0;
	}
	#fade1 {
		margin-top: 0;
	}

	.product-slider-main {
		display: none;
	}
	
	/* About us page */
	.matter-ryt,
	.matter-left {
		width: 100%;
	}
	.story-sec p {
		padding: 0 0px 20px;
	}
	.story-sec h3 {
		font-size: 40px;
	}
	.down-arrow {
		display: none;
	}
	.about-heading {
		margin: 0 0 40px;
	}
	.thought-sec {
		padding-top: 40px;
	}
	.matter-main {
		margin-top: 20px;
	}
	.matter-left {
		margin-top: 120px;
	}

	/* Workshop page css */
	.banner-text h2 span,
	.banner-text h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.article-content {
		min-height: auto;
	}

	.article-content p {
		margin-bottom: 50px;
	}

	.form-content h3 {
		font-size: 24px;
	}

	.form-content h3 span {
		font-size: 36px;
	}

	.banner-text .inner-icon.inner-icon1 {
		top: 60px;
		left: 100px;
	}

	.banner-text .inner-icon.inner-icon2 {
		left: 190px;
		top: 110px;
	}

	.banner-text .inner-icon.inner-icon3 {
		top: auto;
		bottom: 50px;
		left: 130px;
	}

	.banner-text .inner-icon.inner-icon4 {
		right: 100px;
		top: 60px;
	}

	.banner-text .inner-icon.inner-icon5 {
		right: 130px;
		bottom: 60px;
	}

	/*=========== Contact Us page css ============*/
	.contact-sec.contact-page .col-6.contact-form {
		margin: -160px 0 0 20%;
		width: 70%;
		padding: 40px 30px 40px 140px;
	}

	.contact-page .contact-form h2 {
		font-size: 36px;
		line-height: 50px;
	}

	.contact-details {
		width: 70%;
		margin: 0 15%;
		padding: 30px 0 0 90px;
	}

	.contact-details ul li {
		margin-bottom: 30px;
	}

	/* Video Listing Page css */
	.article-main ul li:nth-child(3n+1) {
		clear: left;
	}
	.banner2 .banner2-text h3 {
		font-size: 70px;
	}
	.banner2 .banner2-text p {
		font-size: 18px;
		padding-left: 60px;
	}

	.video-list-tabs .tab-content-main {
		margin: 50px 0 0;
	}
	.video-list-tabs .article-content p {
		margin: 0;
	}

	.banner2-icon {
		width: 40px;
	}
	.banner2-icon.banner2-icon4 {
		width: 50px;
	}
	.banner2-icon.banner2-icon2 {
		top: 120px;
	}
	.banner2-icon.banner2-icon4 {
		top: 100px;
	}

	/*=============== Blog Listing page css ================*/
	.blog-list-tabs .blog-detail .article-date {
		font-size: 12px;
		padding: 12px 2px;
	}
	.blog-list-tabs .blog-detail .author {
		margin: 0 0 0 10px;
	}

	.recent-post {
		padding: 50px 0;
	}

	.recent-post ul li {
		width: 50%;
	}

	/*========= Product Listing page css =========*/
	.product-sorting select {
		width: 170px;
	}
	.product-sorting .product-cat-ryt select {
		width: 100px;
	}

	.product-list ul li {
		width: 29%;
	}

	.product-list ul li:nth-child(4n+3),
	.product-list ul li:nth-child(4n+2) {
		margin: 0 0 50px 0;
	}

	.product-list ul li:nth-child(3n+2) {
		margin: 0 6% 50px;
	}

	.product-cat-left h3 {
		margin-right: 5px;
	}
	
	
	/* product detail page css */
	.product-slider-sec .col-4,
	.product-slider-sec .col-8 {
		width: 50%;
	}
	.details-big-img {
		display: none;
	}

	.details-small-img {
		width: 100%
	}
	.details-small-img div.slick-slide {
		height: auto !important;
	}

	.product-slider-sec {
		padding: 30px 30px 80px 10px;
	}
	.product-slider-sec .slick-prev.slick-arrow {
		right: auto;
		left: 52px;
	}
	.product-slider-sec .slick-next.slick-arrow,
	.product-slider-sec .slick-prev.slick-arrow {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
	}
	.product-short-des {
		padding-left: 20px;
	}

	.about-banner-icons img.about-banner-icons2,
	.about-banner-icons img {
		animation: inherit;
		-webkit-animation: inherit;
	}

	.about-banner-icons img.about-banner-icons1 {
		top: 30px;
		width: 90%;
	}
	.about-banner-icons img.about-banner-icons2 {
		top: 100px;
		left: 50%;
		width: 90%
	}
	.about-banner-icons img.about-banner-icons3 {
		top: 90px;
		width: 90%;
	}

	.mobile-img {
		display: block;
	}

	/*============ 404 error page css ============*/
	.error-icons img.error-icon2,
	.error-icons img {
		animation: inherit;
		-webkit-animation: inherit;
	}

	/*========= media page css =========*/
	.article-main-frst ul li .article-single .col-8 {
		width: 62%;
	}
	.article-main-frst ul li .article-single .col-4 {
		width: 44%;
		padding: 20px;
		min-height: auto;
		max-height: inherit;
	}

	.article-bot-txt h2,
	.article-main-frst ul li .article-single .col-4 h2 {
		font-size: 18px;
		line-height: 24px;
	}

	.article-bot-txt span,
	.article-main-frst ul li .article-single .col-4 span {
		margin: 0 0 10px;
	}

	.article-bot-txt p,
	.article-main-frst ul li .article-single .col-4 p {
		line-height: 26px;
		margin: 0 0 15px;
		font-size: 15px;
	}

	.media-icons {
		width: 95%;
	}
	.article-bot .heading p {
		padding: 0 60px;
	}

	/* Comparison chart */

	.sorting-main {
		text-align: center;
	}

	.sort-select h3 {
		min-width: 150px;
		padding: 15px 40px 15px 30px;
	}

	.sort-select {
		margin-left: 5px;
		text-align: left;
	}

	.sorting-main h2 {
		display: block;
		margin: 0 0 15px;
		text-align: center;
	}

	/* Award page css */
	.awards-main .award-choice {
		display: box;
		display: -webkit-box;
		display: -moz-box;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
	}

	.awards-main .flex-in {
		position: relative;
		right: 0;
		top: 0;
		line-height: 0;
		box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-webkit-box-ordinal-group: 1;
		float: left;
	}

	.awards-main .choice.award-logo {
		box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-webkit-box-ordinal-group: 2;
		float: right;
	}

	.awards-main .awards .awards-single {
		width: 100%;
	}

	.awards-main .awards {
		margin: 0 0 30px 0;
	}
	.awards-main .awards .awards-single {
		padding: 0 0 15px;
	}
	.awards-main .choice.award-logo {
		width: 200px;
		text-align: center;
		padding: 15px 25px 0;
	}

	.awards-main .awards:hover .choice.award-logo,
	.awards-main .choice.award-logo {
		background-position: center 20px;
	}

	.awards-main .flex-in img {
		width: 100%;
	}

	.awards-single h4 {
		padding: 0 30px;
	}
	.awards-single p {
		margin: 20px 30px 0;
	}

	.awards-main .awards.style2 .awards-single .date {
		right: 0;
		top: -40px;
	}

	.awards-main .speaker .choice.award-logo {
		margin-top: 15px;
	}

	/* Award page css */
	
	.product-list ul li:nth-child(3n+1) {
		clear: left;
	}
	
	.product-list ul li:nth-child(4n+1) {
		clear: none;
	}


}

@media only screen and (max-width: 980px) {
	.search-form {
		margin-right: 20px;
	}
	
	.article-bot-single .article-bot-img iframe {
		height: auto;
	}
	/* menu toggle css */
	.toggle {
		display: block;
	}

	.header-main li.contact {
		display: block;
	}

	.header-main .toggle {
		background-color: #f0145a;
		border-radius: 50%;
		display: block;
		height: 35px;
		padding: 10px;
		width: 35px;
		border: none;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 30px;
	}
	.lan {
		margin-right: 20px;
	}
	.toggle span {
		background-color: #fff;
		display: block;
		height: 2px;
		margin-bottom: 4px;
		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		width: 15px;
	}

	.toggle span:last-child {
		margin: 0;
	}

	.header-main .toggle.open span:first-child {
		margin-top: 0;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}
	.header-main .toggle.open span:nth-child(3) {
		margin-top: -6px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
	}
	.header-main .toggle.open span:nth-child(2) {
		display: none;
	}

	.header-main ul {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		right: 0;
		top: 80px;
		width: 250px;
		transition: all 0.3s ease;
	}

	.header-main ul.open {
		opacity: 1;
		visibility: visible;
	}

	.header-main ul li {
		width: 100%;
		text-align: left;
		background-color: #fff;
		border-bottom: #ccc dashed 1px;
	}
	
	.header-main li.inner-menu a, 
	.header-main ul li a {
		color: #000;
	}

	.inner-menu {
		padding: 0;
	}
	
	.header-main ul li.active a, 
	.header-main ul li:hover a {
		background-color: #fff;
		color: #000;
	}

	.header-main ul li a {
		display: block;
		border-radius: 0;
	}

	.header-main {
		padding-top: 15px;
	}
	.header-main ul li a:hover {
		background-color: #f0145a;
		color: #fff;
	}

	.heading span.divider {
		display: none;
	}

	.blog-content h3 {
		font-size: 40px;
	}

	.header-main ul li:hover ul.sub-menu li:hover ul,
	.header-main ul ul.sub-menu li:hover ul,
	.header-main ul li:hover ul.sub-menu {
		display: none;
	}
	.header-main ul ul.sub-menu {
		position: relative;
		top: 0px;
		width: 100%;
		opacity: 1;
		visibility: visible;
		display: none;
	}
	.header-main ul ul.sub-menu ul {
		width: 100%;
		left: 0;
		opacity: 1;
		visibility: visible;
		display: none;
	}

	.header-main ul li:hover ul.sub-menu ul,
	.header-main ul ul.sub-menu ul {
		left: 0;
		opacity: 1;
		visibility: visible;
	}

	.header-main ul ul.sub-menu li::after,
	.header-main li.inner-menu .sub-menu a::after,
	.header-main ul ul.sub-menu::after {
		display: none;
	}
	.header-main ul ul.sub-menu li {
		border-bottom: #ccc dashed 1px;
	}

	.header-main ul ul.sub-menu li a {
		padding:10px 14px 10px 30px;
		color: #000;
	}


	.header-main ul ul ul.sub-menu li a {
		padding: 10px 14px 10px 45px;
	}

	.header-main ul ul.sub-menu li a:hover {
		background-color: #f0145a;;
		color: #fff;
	}
	.header-main li.inner-menu a::after {
		top: 13px;
		background: url("../img/drop-down-arrow-hover.png") 0 0 no-repeat;
	}
	.header-main ul ul.sub-menu li.has-children a::before {
		position: absolute;
		right: 10px;
		top: 13px;
		content: '';
		background: url("../img/drop-down-arrow-hover.png") 0 0 no-repeat;
		width: 10px;
		height: 7px;
		transition: all 0.3s ease;
	}


	.header-main ul ul.sub-menu li.has-children ul li a::before,
	.header-main ul ul.sub-menu li.has-children::before {
		display: none;
	}

	.header-main ul ul.sub-menu li.has-children a:hover:before,
	.header-main li.inner-menu a:hover:after {
		background: url("../img/drop-down-arrow.png") 0 0 no-repeat;
	}

	.header-main ul ul.sub-menu li:hover li.has-children ul li a {
		color: #fff;
	}

	.header-main li.inner-menu:hover a::after {
		transform: inherit;
		-webkit-transform: inherit;
		-moz-transform: inherit;
	}


	.header-main ul.open,
	.header-main ul ul.sub-menu {
		box-shadow: none;
		background-color: #fff;
	}


	.header-main ul ul,
	.header-main ul ul li,
	.header-main li {
		transition: none;
		-webkit-transition: none;
		-moz-transition: none !important;
	}
	/* About us page */
	.header2.header-main ul {
		top: 100px;
	}

	/* Video Lisitng Page css */
	.video-list-tabs {
		margin: 0;
	}

	.comparison-chart {
		margin: 0;
	}

	.comparison-table {
		width: 100%;
		float: left;
		overflow: auto;
	}

	/* Media page css */
	.article-main-frst ul li:last-child {
		margin: 0 0 40px;
	}

	.media-icons {
		top: 20px;
	}
	.header-main li.inner-menu a, 
	.header-main ul li a {
		padding: 13px 14px;
		font-size: 15px;
		font-weight: 500;
	}
	
	.header-main ul ul.sub-menu {
		border-top: #ccc dashed 1px;
	}
	.header-main ul ul ul.sub-menu li a, 
	.header-main ul ul.sub-menu li a {
		padding: 13px 14px;
	}
	
	.product-cat-left .sort-select {
    width: 100%;
    margin-top: 20px;
	}
	.product-cat-left .sort-select h3 {
				text-align: left;
	}
	
	.product-cat-left .sort-select ul {
			position: absolute;
			width: 90%;
			margin: 0 5%;
	}
	
}

@media only screen and (max-width: 979px) {
	/* Product Listing page */


	.product-cat-left,
	.product-cat-ryt,
	.product-sorting .product-cat-ryt select.product-show,
	.product-sorting .product-cat-ryt select,
	.product-sorting select {
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
		background-position: 96% center;
	}

	.product-cat-ryt {
		margin: 0;
	}
	.product-cat-left h3 {
		margin-right: 0;
		width: 100%;
		text-align: center;
	}

	.product-cat-ryt .btn {
		width: 100%;
		text-align: center;
		margin: 10px 0 0 0;
	}
}

@media only screen and (max-width: 800px) {
	
	.article-bot-single .article-bot-img iframe {
		height: 300px;
	}
	.youtube .video .iframe {
		width: 90%;
	}
	.youtube .video iframe {
		width: 100%;
	}
	.fade-items {
		top: 85px;
	}
	.fade-items img {
		width: 170px;
	}
	.fade-in .fade-content {
		margin-top: 145px;
	}
	.banner-main .icon.icon-9 {
		left: 160px;
	}
	.banner-main {
		padding: 0 0 25px;
	}
	.banner-center {
		padding-top: 80px;
	}
	.slick-next.slick-arrow,
	.slick-prev.slick-arrow {
		left: -22px;
		z-index: 9;
	}
	.slick-next.slick-arrow {
		right: -22px;
		left: auto;
	}
	.blog-content {
		margin: 20px 0px 0 20px;
	}
	.lan {
		margin-right: 30px;
	}

	/* About Us page */
	.matter-content {
		width: 100%;
		margin: 0;
	}
	.matter-content::before {
		display: none;
	}
	.matter-ryt {
		float: left;
		text-align: left;
		display: box;
		display: -webkit-box;
		display: -moz-box;
		box-orient: vertical;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
	}
	.matter-img::after,
	.matter-content::after {
		display: none;
	}

	.matter-img,
	.matter-img img {
		width: 100%;
		float: left;
	}

	.matter-img {
		box-ordinal-group: 1;
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		float: left;
	}

	.matter-content {
		box-ordinal-group: 2;
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		float: right;
		padding: 30px;
	}
	.matter-left {
		margin-top: 30px;
	}

	/* Workshop page css */
	.banner-text h2 {
		width: 60%;
	}
	.article-main ul li {
		width: 42%;
	}
	.article-main ul li:nth-child(3n+2) {
		margin: 0 0 50px;
	}

	.article-main ul li:nth-child(2n) {
		float: right;
		margin: 0 20px 50px 0 !important;
	}
	.article-main ul li:nth-child(2n+3) {
		clear: left;
	}
	.article-main ul li:nth-last-of-type(1),
	.article-main ul li:nth-last-of-type(2) {
		margin: 0 20px 20px 0 !important;
	}

	.article-main ul li {
		margin: 0 0 50px;
	}
	.contact-sec .col-6.contact-form,
	.contact-sec .col-6 {
		width: 100%;
	}
	.form-content h3 {
		font-size: 24px;
		text-align: center;
		padding: 110px 0 0 0;
	}
	.contact-sec .col-6 .form-content {
		margin-bottom: 30px;
	}
	.footer.footer2 {
		padding: 40px 0 45px;
	}

	.contact-sec {
		margin: 40px 0 0;
	}

	.banner-text .inner-icon.inner-icon1 {
		top: 30px;
		left: 50px;
	}

	.banner-text .inner-icon.inner-icon2 {
		left: 80px;
		top: 60px;
	}

	.banner-text .inner-icon.inner-icon3 {
		top: auto;
		bottom: 30px;
		left: 60px;
	}

	.banner-text .inner-icon.inner-icon4 {
		right: 50px;
		top: 30px;
	}

	.banner-text .inner-icon.inner-icon5 {
		right: 70px;
		bottom: 30px;
	}

	/* Contact us page */
	.contact-sec.contact-page .col-6.contact-form::after,
	.contact-sec.contact-page .col-6.contact-form::before {
		display: none;
	}

	.contact-sec.contact-page .col-6.contact-form {
		margin: -160px 0 0 0;
		width: 100%;
		padding: 40px;
	}
	.contact-details {
		width: 100%;
		margin: 0;
		padding: 30px 0 0 0;
	}


	/* Video Listing Page css */
	.video-list-tabs .article-main ul li:nth-child(2n+2) {
		clear: right;
	}
	
	.article-main-frst ul li .article-single .col-8 iframe {
		width: 100%;
		height: 350px;
	}

	/* Blog Listing page css */
	.recent-post {
		margin: 90px 0 60px;
	}

	/* Blog detail page css */

	.blog-detail-main {
		margin-top: 0;
	}

	.blog-left {
		width: 100%;
		float: left;
		padding: 0;
	}
	.blog-ryt {
		width: 100%;
		float: left;
		border-left: 0;
		padding-left: 0;
		padding-top: 70px;
		padding-bottom: 50px;
	}

	.blog-detail-content .blog-img:nth-of-type(2n) {
		margin: 30px 0 30px 30px;
	}
	.blog-detail-content .blog-img:nth-of-type(2n+1) {
		margin: 30px 30px 30px 0;
	}

	.blog-detail-main .publish-date b {
		display: block;
	}

	/*====== Product listing page ======*/

	.product-list ul li:nth-child(4n+3),
	.product-list ul li:nth-child(4n+2),
	.product-list ul li {
		margin: 0 0 20px;
	}

	.product-list ul li:nth-child(3n+2) {
		margin: 0 2% 20px;
	}

	.product-list ul li {
		width: 32%;
	}
	.product-list ul li:nth-child(3n+1) {
		clear: left;
	}

	.product-cat-left h3 {
		margin-right: 10px;
	}


	/* Detail page css */
	.product-slider-sec .col-8 {
		width: 100%;
	}

	.product-slider-sec .col-4 {
		width: 100%;
	}

	.details-small-img div.slick-slide a.active {
		border: #cacaca solid 1px;
	}

	.details-small-img {
		width: 80%;
		margin: 0 10% 80px 10%;
		padding: 0;
	}

	.product-slider-sec {
		padding: 30px 20px 30px 20px;
	}

	.product-short-des p:nth-of-type(1) {
		margin: 0 0 20px;
		padding: 0 0 20px;
	}

	.buy-now-btn {
		margin-top: 20px;
	}

	.buy-now-popup .popup-content-area {
		width: 90%;
	}

	.buy-now-popup .popup-content-area {
		padding: 15px;
		min-height: auto;
	}

	.popup-content-area ul li {
		padding: 10px;
	}

	.buy-now-popup .popup-content-area h3 {
		font-size: 18px;
		margin: 0 70px 20px;
		line-height: 26px;
	}

	.popup-content-area ul li a {
		margin-top: 10px;
	}

	.popup-content-area ul li img {
		width: 100px;
	}

	.popup-content-area ul li p {
		font-size: 15px;
		line-height: 20px;
	}

	.product-long-des {
		margin: 60px 0 0;
	}

	.related-product-slider .product-list ul li:nth-child(3n+1) {
		clear: none;
	}

	.related-product-slider .single-product .product-img img {
		width: 100%;
	}
	.use-instr .col-6 {
		width: 100%;
	}

	.use-instr .col-6:nth-of-type(1),
	.use-instr .col-6:nth-of-type(2) {
		padding: 0;
	}
	/* Compare page css */
	.compare-table {
		margin-bottom: 0;
		margin-top: -30px;
	}
	.compare-table .btn {
		padding: 10px;
	}
	.compare-table h3 {
		padding: 0;
	}

	.compare-table td,
	.compare-table tr:first-child td {
		padding: 10px;
	}

	.sort-select h3 {
		min-width: 150px;
		padding: 15px 30px 15px 20px;
		margin: 0 0 10px;
	}

	.sorting-main {
		margin: 0 0 10px;
	}

	.sort-select h3::after {
		right: 15px;
	}

	/*========== 404 error page ===========*/
	.banner-main.error-404 {
		min-height: auto;
		padding: 90px 0 150px;
	}

	.error-banner-icons {
		margin-top: 70px;
	}

	.error-banner-icons h3 {
		padding: 30px 0 40px;
		font-size: 18px;
	}

	.error-icons img {
		width: 90%;
		top: 110px;
	}

	.error-icons img.error-icon2 {
		left: 50%;
	}

	/*========= Media page css =========*/
	.article-main-frst ul li .article-single .col-4,
	.article-main-frst ul li .article-single .col-8 {
		width: 100%;
	}

	.article-main-frst ul li .article-single .col-8 .article-img {
		width: 100%;
	}

	.article-main-frst ul li:nth-child(2n+1) .article-single .col-4 {
		margin: 0;
	}

	.article-main-frst ul.top-article li:nth-child(2n+1),
	.article-main-frst ul.top-article li:nth-child(2n) {
		padding-right: 0;
		padding-left: 0;
	}

	.article-main-frst ul.top-article li:nth-child(2n) .article-single {
		display: box;
		display: -webkit-box;
		display: -moz-box;
		-moz-box-orient: vertical;
		-webkit-box-orient: vertical;
		box-orient: vertical
	}

	.article-main-frst ul li:nth-child(2n) .article-single .col-4 {
		margin: 0;
	}

	.article-main-frst ul li .article-single .col-4 {
		-moz-box-ordinal-group: 2;
		-webkit-box-ordinal-group: 2;
		box-ordinal-group: 2;
		float: right;
	}

	.article-main-frst ul li .article-single .col-8 {
		-moz-box-ordinal-group: 1;
		-webkit-box-ordinal-group: 1;
		box-ordinal-group: 1;
		float: left;
	}

	.article-main-frst ul li .article-single .col-4::before {
		display: none;
	}

	.article-main-frst ul li:nth-child(2n) .article-single .col-8 img.article-logo,
	.article-main-frst ul li:nth-child(2n+1) .article-single .col-8 img.article-logo {
		left: 50%;
		top: auto;
		bottom: -47px;
		transform: translateX(-50%);
		z-index: 2;
		box-shadow: #ededed 0 10px 30px;
		border-radius: 50%;
	}

	.article-main-frst ul li .article-single .col-4 {
		padding: 60px 20px 30px;
	}

	.article-main-frst ul li {
		margin: 0 0 40px;
	}

	.article-bot-main {
		margin: 140px 0 50px;
	}

	.article-bot-single .article-bot-txt {
		min-height: auto;
	}

	.article-bot ul li .btn.border {
		position: relative;
		left: auto;
		bottom: 0;
		transform: inherit;
		-webkit-transform: inherit;
		-moz-transform: inherit;
	}

	.article-bot ul li {
		width: 100%;
	}

	.article-bot-txt p {
		min-height: auto;
		margin: 0 0 25px;
	}

	.article-bot-single .article-img {
		width: 100%;
	}

	.article-bot ul li:nth-child(3n+2) {
		margin: 0 0 40px;
	}

	/* Award page css */
	.awards-main .awards:nth-child(2n+2) {
		margin-left: 4%;
	}
	.awards-main .awards {
		width: 48%;
	}
	/* Award page css */

}

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

	/* Quick View */
	.quick-view-main {
		overflow: auto;
		height: 400px;
	}

}

@media only screen and (max-width: 767px) {
	.phn-banner {
		display: inline-block;
		margin-top: -30px;
	}
	.banner-icons {
		display: none;
	}
	.banner-main {
		background: none;
		padding: 0;
	}
	.fade-in .fade-content {
		margin-top: 130px;
	}
	.media ul li {
		width: 100%;
		margin: 0 0 60px;
		text-align: center;
	}

	.media ul li:last-child {
		margin: 0;
	}

	.media ul li .blog {
		position: relative;
		margin: 0 auto;
		float: none;
	}

	.media ul li::after {
		right: auto;
		bottom: -30px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		margin-left: 30px;
	}
	.blog-content span {
		display: none;
	}
	.blog-content h3 {
		padding-top: 30px;
	}
	.media h2 {
		font-size: 36px;
		margin: 0 0 15px;
	}
	.media p {
		margin: 0 0 10px;
		font-size: 18px;
		line-height: 24px;
	}
	.footer-menu-main .footer-menu:nth-child(2) {
		float: left;
	}
	.footer-menu-main .footer-menu:first-child {
		float: right;
	}
	.footer-menu-main {
		margin: 20px 0 0px;
	}
	.footer-menu {
		width: 100%;
		margin: 0 0 20px;
	}
	.footer-menu-main .footer-menu:first-child li:last-child {
		border: none;
	}
	.footer {
		padding: 90px 0 20px;
	}
	.blog-content h3 {
		font-size: 32px;
	}
	.footer-logo {
		display: none;
	}
	.footer .heading {
		display: none;
	}

	.header-main ul {
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		bottom: 0;
		height: 100%;
		background-color: #000;
		padding: 60px 20px 20px;
		z-index: 8;
		overflow: auto;
	}
	.header-main ul ul {
		padding: 0;
	}
	.header-main .toggle.open {
		top: 25px;
		right: 14px;
		position: fixed;
		z-index: 9;
	}
	.form-open form {
		top: 40%;
		width: 90%;
	}
	.wrapper.scroll-sec {
		width: 100%;
	}
	.fade-items {
		top: 95px;
	}

	.header-main ul li {
		text-align: center;
		font-size: 16px;
	}

	.header-main ul ul ul.sub-menu li a, 
	.header-main ul ul.sub-menu li a {
		padding: 13px 14px;
		background-color: #efefef;
	}
	.wrapper.flow-main {
		width: 100%;
	}
	/* About us page css */
	.footer.footer2 {
		padding: 30px 0 20px;
	}
	.thought-sec .heading h2 {
		margin: 0 0 15px;
	}
	.header2.header-main ul {
		top: 0;
	}
	.contact-sec .col-6 .form-content {
		width: 100%;
	}
	.logo img {
		width: 50px;
	}
	.header-main .col-9 {
		padding: 9px 0 0;
	}
	.header-main .toggle {
		top: 24px;
	}

	.contact-page .form-row label {
		display: block;
	}

	.video-list-tabs .tab-sec ul.tabs li {
		padding: 20px;
		font-size: 14px;
		line-height: 20px;
	}
	.banner2 .banner2-text h3 {
		font-size: 50px;
		margin: 0 0 7px;
	}
	.banner2 .banner2-text p {
		padding-left: 20px;
	}


	.header-main ul ul.sub-menu li.has-children a::before,
	.header-main li.inner-menu a::after {
		top: 16px;
	}

	.header-main ul ul.sub-menu {
		border-radius: 0;
	}

	/* Blog detail page css */
	.blog-ryt {
		padding-top: 50px;
	}
	.blog-detail-main .blog-cat {
		margin: 0 0 15px;
	}

	.blog-ryt h2 {
		font-size: 24px;
		margin: 0 0 20px;
		line-height: 30px;
	}

	.blog-detail-content .blog-img:nth-of-type(2n),
	.blog-detail-content .blog-img:nth-of-type(2n+1) {
		width: 100%;
		margin: 30px 0 30px 0;
	}
	.blog-detail-main .blog-detail-content p {
		margin: 0 0 20px;
	}

	.detail-rating li a {
		font-size: 14px;
	}

	/* Product detail page css */
	.product-slider-sec {
		margin: 30px 0 0;
	}
	.product-short-des p:nth-of-type(1) {
		margin: 20px 0 10px;
		padding: 0;
	}
	.product-long-des .tab-content-main .btn-sec a {
		margin: 20px 0 0;
	}
	.product-long-des {
		padding: 50px 20px 20px 20px;
	}
	.product-long-des .tab-content-main h4 {
		margin: 0 0 15px;
	}
	.related-product-slider .product-list ul li {
		margin: 0 20px 40px 20px !important;
	}
	.product-short-des {
		padding-left: 0;
	}

	.comparison-table td,
	.comparison-table th,
	.compare-table td {
		font-size: 12px;
	}
	.compare-table h3 {
		font-size: 12px;
		line-height: 16px;
		margin-top: 10px;
		font-family: 'quicksandregular';
		font-weight: 400;
	}
	.comparison-chart {
		margin: -20px 0 0;
	}
	.sort-select {
		width: 100%;
		margin: 0 0 10px;
	}

	.sort-select h3 {
		margin: 0;
	}

	.sort-select ul {
		top: 99%;
		position: relative;
	}

	.mobile-img {
		width: 100%;
		margin: 0 0 30px;
	}

	.awards-main .awards {
		width: 100%;
	}
	.awards-main .awards:nth-child(2n+2) {
		margin-left: 0;
	}

	.awards-single h4,
	.awards-main .awards .awards-single {
		min-height: auto;
	}

	.awards-main .award-choice {
		margin: 0 0 15px;
	}

	.awards-main .awards.style2 .awards-single {
		padding-top: 25px;
	}
	.awards-main .awards.style2 .awards-single .date {
		top: -15px;
	}

	.product-cat-ryt .btn {
		width: 100%;
		text-align: center;
		margin: 10px 0 0 0;
	}
	
	.quiz-main ol li { padding-left: 5px; font-size: 14px; }
	
	.cat-taggle {
		display: block;
		font-size: 16px;
		width: 100%;
		cursor: pointer;
		margin: 0 0 10px;
		text-transform: uppercase;
		position: relative;
		background-image: url("../img/down-arrow.png");
		background-position: 95% 20px;
		background-repeat: no-repeat;
	}

	.cat-taggle.toggle {
		background-image: url("../img/up-arrow.png");
	}

	.video-list-tabs .tab-sec ul.tabs {
		display: none;
	}

	.video-list-tabs .tab-sec ul.tabs li {
		width: 100%;
		padding: 10px 15px;
		text-align: left;
	}
	.video-list-tabs .tab-sec ul.tabs li p {
		display: inline-block;
		vertical-align: middle;
		margin-left: 10px;
	}
	.video-list-tabs .tab-sec ul.tabs li p br {
		display: none;
	}

	.video-list-tabs .tab-sec ul.tabs li i {
		vertical-align: middle;
		height: 36px;
		width: 40px;
		background-size: 140px;
	}
	.video-list-tabs .tab-sec ul.tabs li i.tab-icon1 {
		background-position: 8px 3px;
	}
	.video-list-tabs .tab-sec ul.tabs li.active i.tab-icon1 {
		background-position: 7px -37px;
	}

	.video-list-tabs .tab-sec ul.tabs li i.tab-icon2 {
		background-position: -30px 0px;
	}

	.video-list-tabs .tab-sec ul.tabs li.active i.tab-icon2 {
		background-position: -30px -36px;
	}

	.video-list-tabs .tab-sec ul.tabs li i.tab-icon3 {
		background-position: -65px 0px;
	}

	.video-list-tabs .tab-sec ul.tabs li.active i.tab-icon3 {
		background-position: -65px -36px;
	}

	.video-list-tabs .tab-sec ul.tabs li i.tab-icon4 {
		background-position: -106px 0px;
	}

	.video-list-tabs .tab-sec ul.tabs li.active i.tab-icon4 {
		background-position: -106px -36px;
	}
	
	.video-list-tabs .tab-sec ul.tabs li p {
		width: calc(100% - 60px);
	}
	.product-cat-left .sort-select {
    width: 100%;
    margin-top: 20px;
	}
	.product-cat-left .sort-select h3 {
				text-align: left;
	}
	
	.product-cat-left .sort-select ul {
			position: absolute;
			width: 90%;
			margin: 0 5%;
	}
	
	

}

@media only screen and (max-width: 600px) {
	.search-form {
		margin-right: 0px;
	}
	.girl-bg {
		display: block;
		min-height: 510px;
		width: 100%;
		object-fit: cover;
	}

	.heading h2 {
		margin: 0 0 15px;
		font-size: 26px;
	}
	.youtube .video iframe {
		height: 250px;
	}
	button.search {
		margin: 0;
	}
	.media ul li {
		margin: 0 0 30px;
	}
	.fade-items {
		top: 95px;
	}
	#fade1.fade-in .fade-content {
		top: 126px;
	}

	/* Workshop page css */
	.banner-text h2 {
		width: 100%;
		padding: 0 50px;
	}
	.article-main ul li {
		width: 100%;
		padding: 0 20px 0 0;
	}
	.article img {
		width: 100%;
	}
	.article-main ul li:nth-last-of-type(2) {
		margin: 0 20px 50px 0 !important;
	}
	.article-main ul li:nth-child(2n) {
		float: left;
	}
	.contact-sec .col-6 .form-content {
		background-size: cover;
		min-height: auto;
		position: relative;
	}
	.form-content h3 {
		font-size: 20px;
		text-align: center;
		padding: 100px 0 80px 0;
	}
	.form-content h3 span {
		font-size: 30px;
		margin: 10px 0;
	}
	.banner-text {
		min-height: 250px;
		overflow: hidden;
	}
	.banner-text img {
		height: 250px;
		object-fit: cover;
	}

	.banner-text .inner-icon img {
		height: auto;
	}
	.banner-text .inner-icon.inner-icon1 {
		left: 10px;
	}
	.banner-text .inner-icon.inner-icon2 {
		left: 20px;
		top: 100px;
	}
	.banner-text .inner-icon.inner-icon3 {
		left: 40px;
	}
	.banner-text .inner-icon.inner-icon4 {
		right: 10px;
		width: 15px;
	}

	/* Contact Us page */
	.contact-sec.contact-page .col-6.contact-form {
		margin: -260px 0 0 0;
	}

	.contact-page .form-row label {
		margin: 0 15px 10px 0;
	}
	.contact-page .contact-form .btn {
		margin-top: 0;
	}

	/* Video Listing page css */
	.video-list-tabs .tabContent .heading {
		padding: 0;
		margin: 0 0 20px;
	}
	
	.video-list-tabs a.video-pop {
		width: 100%;
	}
	.video-list-tabs .article-content {
		min-height: auto;
		padding: 15px;
	}
	.video-list-tabs .article-content p {
		margin-bottom: 0;
		font-size: 14px;
		line-height: 24px;
	}
	.video-list-tabs .tabContent .heading p {
		line-height: 26px;
		font-size: 14px;
	}
	.video-list-tabs .tab-content-main {
		margin: 20px 0 0;
	}

	.banner-text .banner2-icons img {
		height: auto;
	}
	.banner2-icon.banner2-icon1 {
		left: 40px;
		top: 30px;
	}
	.banner2-icon.banner2-icon2 {
		top: 160px;
		left: 50px;
	}
	.banner2-icon.banner2-icon4 {
		top: 150px;
	}

	.video-list-tabs .tabs {
		 margin-bottom: 15px;
	}
	
	.article-main-frst ul li .article-single .col-8 iframe {
		height: 270px;
	}

	/* Blog list page css */
	.video-list-tabs.blog-list-tabs .tab-sec ul.tabs li i {
		background-size: 140px;
		width: 40px;
		height: 36px;
	}
	.video-list-tabs.blog-list-tabs .tab-sec ul.tabs li i.tab-icon4 {
		background-position: -104px 0px;
	}
	.video-list-tabs.blog-list-tabs .tab-sec ul.tabs li.active i.tab-icon4 {
		background-position: -104px -36px;
	}

	.video-list-tabs.blog-list-tabs .article-content {
		padding: 55px 15px 15px;
	}

	.video-list-tabs.blog-list-tabs .location {
		position: relative;
		left: 0;
		bottom: 0;
		right: 0;
	}
	.video-list-tabs.blog-list-tabs .article-content p {
		margin-bottom: 30px;
	}

	.recent-post ul li {
		width: 100%;
	}
	.recent-post ul li a {
		min-height: auto;
	}
	/* Blog detail page css */
	.blog-detail {
		position: relative;
	}

	.blog-star-rating {
		position: absolute;
		right: 0;
		top: 30px;
	}
	.blog-detail-main .blog-detail-content p:nth-last-of-type(1) {
		margin: 0;
	}

	.detail-rating li {
		margin-right: 15px;
	}
	.detail-rating li:last-child {
		margin-right: 0;
	}
	.blog-detail-main .blog-detail-content p {
		font-size: 14px;
		line-height: 24px;
	}
	.blog-detail-main .blog-detail-content iframe {
		height: 250px;
		margin: 0 0 20px;
	}

	/*===== Product Listing page ======*/
	.product-list ul li {
		width: 48%;
	}
	.product-list ul li:nth-child(3n+2) {
		margin: 0 0 20px;
	}
	.product-list ul li:nth-child(3n+1) {
		clear: none;
	}

	.product-list ul li:nth-child(2n) {
		float: right;
	}

	.popup-content-area .btn {
		padding: 12px 15px;
		font-size: 14px;
	}

	.product-long-des ul.tabs li {
		padding: 12px 10px;
		margin: 0 1px;
		font-size: 13px;
	}

	.product-long-des .tab-content-main p {
		font-size: 15px;
		margin: 0 0 20px;
	}

	.related-product-slider {
		margin: 40px 0 -20px;
	}
	.use-instr h5 {
		margin: 15px 0px 30px;
	}
	.buy-now-popup .popup-content-area h3 {
		font-size: 16px;
		margin: 0 0px 20px;
		line-height: 24px;
	}
	.use-instr h5 {
		font-size: 16px;
	}
	.use-instr ol li h6 {
		font-size: 15px;
	}
	.use-instr ol li p,
	.use-instr ol li {
		font-size: 15px;
	}

	.product-long-des .tab-content-main a {
		margin: 0 0 20px;
		line-height: 24px;
	}
	.details-small-img {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.product-slider-sec .slick-next.slick-arrow,
	.product-slider-sec .slick-prev.slick-arrow {
		bottom: -50px;
	}
	.product-slider-sec h2 {
		font-size: 20px;
		line-height: 24px;
		margin: 0 0 20px;
	}
	.compare {
		width: 100%;
		float: left;
		overflow: auto;
	}
	.compare table br {
		display: inline-block;
	}

	.compare table {
		width: 100%;
	}
	.compare-table .btn {
		min-width: 80px;
	}

	/*====== 404 error page css ======*/
	.banner-main.error-404 {
		padding: 70px 0 120px;
	}

	.error-big {
		width: 70%;
	}

	.error-banner-icons h3 {
		padding: 20px 0 20px;
		font-size: 18px;
		line-height: 24px;
	}

	.animate-gif {
		position: absolute;
		right: 50px;
		top: -10px;
		width: 55px;
	}


	/*===== Media page css ======*/
	.article-bot-main {
		margin: 90px 0 20px;
	}

	.article-bot-main {
		padding: 10px 0;
	}

	.media-icons {
		display: none;
	}

	.article-bot .heading p {
		padding: 0;
	}
	.awards-single h4 {
		font-size: 16px;
		line-height: 20px;
	}
	.align-center.more-video {
		margin: 0;
	}
	.video-list-tabs .tab-sec ul.tabs li p {
		width: calc(100% - 60px);
	}
	
	.product-list ul li:nth-child(3n+1) {
		clear: none;
	}
	.product-list ul li:nth-child(2n+1) {
		clear: left;
	}
}

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

	.lan {
		margin-right: 37px;
	}
	.youtube {
		padding: 30px 0;
	}
	.fade-items .btn {
		margin: 10px 0px 0 0px;
		padding: 12px 15px;
		font-size: 14px;
	}
	.btn {
		padding: 13px 30px;
		font-size: 15px;
	}
	.youtube .video .iframe::before {
		left: -20px;
		top: -20px;
	}
	.youtube .video .iframe::after {
		right: -20px;
		bottom: -20px;
	}
	.heading p {
		line-height: 20px;
	}
	.fade-content h3 {
		font-size: 26px;
		margin: 0 0 10px;
	}
	.fade-content p {
		font-size: 15px;
		line-height: 20px;
		padding: 0 10px;
	}
	.media ul li .blog {
		min-height: 240px;
	}

	.footer-menu li {
		padding: 0 5px 10px;
		border: none;
	}
	.footer-menu {
		margin: 0 0 10px;
	}

	.media {
		padding: 10px 0 40px;
		margin: 0 0 70px;
	}

	.flow .col-4 p {
		margin: 0 20px 15px;
	}
	.heading p {
		margin: 0 0 20px;
	}
	.media p {
		font-size: 16px;
	}
	.flow .slick-slide {
		width: 300px !important;
	}

	/* About Us page */
	.story-sec h3 {
		font-size: 24px;
		margin: 0 0 10px;
	}
	.story-sec .about-heading p {
		font-size: 16px;
	}
	.about-heading {
		margin: 0 0 10px;
	}
	.thought-sec {
		padding-top: 20px;
	}

	.matter-content h3 {
		margin: 0 0 10px;
	}
	.banner {
		height: 180px;
		overflow: hidden;
	}
	.banner img {
		height: 100%;
		object-fit: cover;
	}
	.banner .about-banner-icons img {
		height: auto;
		object-fit: inherit;
	}
	.matter-main {
		margin-top: 0;
	}
	.matter-content {
		padding: 20px;
	}
	.matter-content p {
		line-height: 22px;
		font-size: 14px;
	}
	.matter-content h3 {
		font-size: 20px;
	}

	/* Workshop page css */
	.banner-text h2 {
		width: 100%;
		padding: 0 15px;
	}
	.contact-sec .col-6 .form-content {
		background-size: contain;
	}
	.form-content h3 {
		padding: 65px 0 70px 0;
	}
	.contact-form .form-row {
		width: 100%;
	}
	.contact-form .btn {
		width: 100%;
	}
	.footer2 .footer-menu-main {
		margin: 0;
	}
	.banner-text .inner-icon.inner-icon2 {
		left: 100px;
		top: 40px;
	}
	/* Contact Us page */
	.contact-sec.contact-page .col-6.contact-form {
		padding: 20px;
	}
	.contact-page .contact-form h2 {
		font-size: 26px;
		line-height: 40px;
	}
	.contact-page .contact-form p {
		padding: 0;
		margin: 0 0 20px;
	}

	.contact-details ul li i {
		background-size: 20px !important;
	}

	.contact-details ul li i {
		width: 60px;
		height: 60px;
		border-radius: 25px;
	}

	.contact-details a {
		font-size: 16px;
	}

	.contact-details p {
		margin: 0 0 15px;
	}

	.banner2 .banner2-text {
		transform: translate(-50%,-50%) rotate(0deg);
		-webkit-transform: translate(-50%,-50%) rotate(0deg);
		-moz-transform: translate(-50%,-50%) rotate(0deg);
		top: 50%;
		width: 100%;
		text-align: center;
	}

	.banner2-icon.banner2-icon4,
	.banner2-icon.banner2-icon3 {
		right: 20px;
	}

	/* Blog Listing page */
	.recent-post {
		margin: 50px 0 60px;
		padding: 20px 0;
	}
	.video-list-tabs.blog-list-tabs .article-content p {
		margin-bottom: 15px;
	}

/* 	.video-list-tabs.blog-list-tabs .article-main {
		margin-top: 15px;
	} */
	.recent-post ul::before {
		left: -10px;
	}

	.recent-post ul::after {
		right: -10px;
	}

	/* Blog detail page css */
	.blog-detail-main .publish-date {
		font-size: 40px;
	}
	.blog-star-rating {
		top: 20px;
	}

	.blog-detail-main .publish-date {
		line-height: 30px;
	}

	.blog-detail-main .publish-date span {
		font-size: 13px;
		margin-bottom:5px;
		width: 95px;
	}
	.blog-ryt {
		padding-top: 30px;
	}

	.blog-ryt h2 {
		font-size: 20px;
		line-height: 28px;
	}
	.detail-rating li i {
		margin: -3px 0 0 0;
	}

	/* Product Listing page */
	.product-list ul li {
		width: 100%;
	}

	/*.single-product .product-img img {
		width: 100%;
	}*/

	.popup-content-area ul li {
		padding: 0 5px;
	}

	.popup-content-area ul li img {
		width: 70px;
	}

	.popup-content-area ul li p {
		font-size: 13px;
		line-height: 17px;
	}

	.popup-content-area .cros-popup {
		width: 25px;
		height: 25px;
		right: -10px;
		top: 10px;
		background-size: 10px;
	}

	.related-product-slider .product-list {
		margin: 0 0 80px;
	}
	.product-long-des ul.tabs li {
		padding: 12px 6px;
		margin: 0;
		font-size: 12px;
	}

	.product-long-des ul.tabs li span {
		display: none;
	}
	.product-long-des .tab-content-main h4 {
		margin: 0 0 10px;
		line-height: 22px;
	}
	.product-long-des {
		padding: 50px 15px 15px 15px;
	}
	.single-product .product-content {
		padding: 20px;
	}
	.popup-content-area ul li {
		width: 100%;
	}
	.popup-content-area ul li:nth-child(2) {
		border-left: none;
		border-right: none;
		border-top: #474747 dashed 1px;
		border-bottom: #474747 dashed 1px;
		padding: 20px 0 10px;
		margin: 15px 0;
	}

	.popup-content-area ul li:nth-child(2) p,
	.popup-content-area ul li:nth-child(3) p {
		display: none;
	}
	.popup-content-area .btn {
		vertical-align: middle;
		margin: -26px 0 0 0;
	}

	.btn.border {
		padding: 13px 20px;
	}

	.article-bot .heading h2 {
		margin: 0 0 10px;
		font-size: 20px;
		line-height: 26px;
	}
	.article-bot-single .article-bot-txt {
		padding: 20px;
	}
	.product-short-des table td {
		font-size: 13px;
		line-height: 18px;
	}
	.buy-now-btn ul li {
		margin-right: 10px;
	}
	.buy-now-btn .btn {
		margin-right: 10px;
	}

	.quick-view-main .buy-now-btn ul li,
	.quick-view-main .buy-now-btn .btn {
		margin-right: 5px;
	}
	
	#enquirymsg {
		padding: 15px;
		margin: 0 0 20px;
		line-height: 24px;
	}

}

@media only screen and (max-width: 430px) and (min-width: 370px) {
	.flow .slick-slide {
		width: 280px !important;
	}
	.form-content h3 {
		padding: 45px 0 70px 0;
	}
}

@media only screen and (max-width: 375px) {
	.lan {
		margin-right: 39px;
	}
	.header-main .col-9 {
		padding: 10px 0 0;
	}
	.header-main .toggle {
		top: 25px;
		right: 14px;
	}
	.search-inp input[type="text"] {
		font-size: 22px;
		padding: 25px 0;
	}
	.search-inp input[type="submit"] {
		padding: 0;
		min-height: 80px;
	}
	.flow .slick-slide {
		width: 260px !important;
	}
	.lan {
		padding: 10px 15px;
	}
	.banner-text h2 span,
	.banner-text h2 {
		font-size: 24px;
		line-height: 38px;
	}
  .banner-text h2.small-font{font-size: 20px;width: 100%;}
	
	
	.contact-form .form-row:nth-child(2n){margin-left: 0;}
	
	
	.banner-text img {
		height: 180px;
	}
	.banner-text {
		min-height: 180px;
	}
	.article-content {
		min-height: auto;
		padding: 50px 20px 30px;
	}
	.location {
		left: 20px;
		bottom: 20px;
		right: 20px;
		padding: 15px 0 0;
	}
	.article-content h2 {
		font-size: 20px;
		line-height: 26px;
		margin: 0 0 10px;
	}
	.article-content p {
		margin-bottom: 40px;
		font-size: 14px;
	}
	.form-content h3 {
		font-size: 16px;
		padding: 45px 0 50px 0;
	}

	.form-content h3 span {
		font-size: 24px;
	}

	.contact-sec.contact-page .col-6.contact-form {
		margin: -190px 0 0 0;
	}
	.banner-text.contact-banner .icons-main {
		display: none;
	}
	.contact-page .contact-form h2 {
		font-size: 20px;
		line-height: 30px;
	}

	.contact-page .form-row h3 {
		font-size: 16px;
	}
	.banner2-icon.banner2-icon2 {
		top: 110px;
		left: 0px;
	}
	.banner2-icon.banner2-icon1 {
		left: 10px;
		top: 10px;
	}
	.banner2-icon.banner2-icon3 {
		right: 10px;
		top: 20px;
	}
	.banner2-icon.banner2-icon4 {
		top: 100px;
		right: 0;
	}

	.banner2-icon {
		width: 30px;
	}
	.banner2-icon.banner2-icon4 {
		width: 40px;
	}

	.product-cat-left,
	.product-cat-ryt,
	.product-sorting .product-cat-ryt select.product-show,
	.product-sorting .product-cat-ryt select,
	.product-sorting select {
		background-position: 92% center;
	}


	.article-bot ul li:last-child,
	.article-main-frst ul li:last-child {
		margin: 0 0 20px;
	}
	.article-bot-main {
		margin: 80px 0 20px;
		padding: 0;
	}

	.animate-gif {
		right: 20px;
	}

}

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

	.banner-text .inner-icon.inner-icon1 {
		top: 15px;
	}

	.banner-text .inner-icon.inner-icon2 {
		top: 10px;
	}
	.banner-text .inner-icon.inner-icon4 {
		top: 10px;
		width: 15px;
	}

}

@media only screen and (max-width: 320px) {
	.flow .col-4 .flow-icon {
		width: 180px;
		height: 180px;
		padding: 35px 0 0;
	}
	.flow .col-4 .flow-icon h3 {
		font-size: 20px;
		margin: 10px 0 0;
	}
	.flow .slick-slide {
		width: 220px !important;
	}
	.heading h2 {
		font-size: 20px;
	}

	.form-content h3 {
		font-size: 14px;
	}

	.form-content h3 span {
		font-size: 20px;
		margin: 5px 0;
	}
	.contact-form form {
		padding: 20px;
	}

	.detail-rating li,
	.detail-rating li a {
		font-size: 13px;
	}
	.detail-rating li {
		margin-right: 6px;
	}

	.detail-rating li i {
		width: 14px;
		height: 13px;
		background-size: cover;
	}
	.detail-rating li i.icon-detail-view {
		background-position: -14px 0px;
		width: 22px;
	}
	.detail-rating li i.icon-detail-author {
		background-position: -36px 0;
	}

	.banner {
		height: 180px;
		overflow: hidden;
	}

}

.for-mobile {
	display: none;
}

.video {
	margin: 25px 0 0;
}

.video h2 {
	text-align: left;
	margin: 0 0 10px;
	font-size: 20px;
}

@media all and (max-width: 767px){
	.for-mobile {
		display: block;
		margin: 0 0 30px;
	}
	  .single-product .product-img img {
        height: auto !important;
    }
    .product-slider-sec .col-8 img {
    width: auto !important;
    height: auto;
}
    
}

.greytext {
    color: #d7c2c2 !important;
}
.watch-review h3
{
	margin: 0 0 5px;
	font-size: 17px;
	font-family: 'quicksandmedium';
	text-align: left;
}