@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
body {
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #687377;
	line-height: 26px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0px;
	margin: 0px;
	font-family: 'Poppins', sans-serif;
	color: #1d2f21;
}
h1 {
	font-size: 42px;
	font-weight: 400;
}
h2 {
	font-size: 36px;
	font-weight: 300;
	line-height: 45px;
}
h3 {
	font-size: 30px;
	font-weight: 300;
}
h4 {
	font-size: 24px;
	font-weight: 300;
}
h5 {
	font-size: 22px;
	font-weight: 400;
}
h6 {
	font-size: 20px;
	font-weight: 300;
}
p {
	padding: 0px;
	margin: 0px;
	font-family: 'Poppins', sans-serif;
	color: #687377;
}
p.large {
	font-size: 16px;
	line-height: 30px;
}
p.medium {
	font-size: 14px;
	line-height: 24px;
}
p.small {
	font-size: 12px;
	line-height: 22px;
}
ol,
ul,
li {
	padding: 0px;
	margin: 0px;
}
ol {
	display: block;
	list-style-type: decimal !important;
	margin: 0;
	padding: 0 0 0 15px;
}
ol li {
	color: #687377;
	font-size: 14px;
}
ul {
	list-style: inside;
}
ul.list-unstyled {
	list-style: none;
}
a {
	text-decoration: none !important;
	outline: none;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
button {
	outline: none !important;
}
.btn.focus,
.btn:focus {
	box-shadow: none;
}
label {
	font-weight: normal;
}
::-webkit-input-placeholder {
opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
opacity:1;
}
::-moz-placeholder {  /* Firefox 19+ */
opacity:1;
}
:-ms-input-placeholder {
opacity:1;
}
input,
textarea {
	transition: all 0.3s ease 0s;
}
input:focus,
textarea:focus,
select:focus {
	outline: none;
}

hr {
	margin: 0px;
	border-color: #e5e5e5;
}
figure {
	margin: 0px;
}
.white-bg {
	background: #fff !important;
}
.grey-bg {
	background: #f5f5f5;
}
.header-laptop {
	position: absolute;
	top: 350px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
@media (max-width: 991px) {
	.header-laptop {
		width: 70%;
		height: auto;
		top: 250px;
	}
}


/* ================================================== */
/* 04. Banner */
/* ================================================== */
.banner {
	display: block;
	min-height: 695px;
}
.banner .container {
	position: relative;
	z-index: 2;
}
.banner .cnt-block {
	padding-top: 90px;
	padding-bottom: 90px;
}
.banner .cnt-block .left {
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.banner .left h1 {
	padding-bottom: 15px;
	font-size: 46px;
	font-weight: normal;
	line-height: 54px;
	color: #fff;
}
.banner .left p {
	font-size: 24px;
	font-weight: 300;
	color: #fff;
}

.banner img {
	margin: 0 auto;
}

.banner.solid-bg {
	margin-bottom: 74px;
	background: #57bde0;
}
.banner.gradient-bg {
	margin-bottom: 74px;
	background: #3edc93;
	background: -moz-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
	background: -webkit-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
	background: linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3edc93', endColorstr='#57bce2', GradientType=1 );
}
/*-----------------------
	Banner Opt2
-----------------------*/
.banner.banner2 {
	background: url(../images/banner-bg2.jpg) no-repeat center top / cover;
	position: relative;
}
.banner.banner2:after {
	width: 100%;
	height: 100%;
	display: block;
	background: #3edc93;
	background: -moz-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
	background: -webkit-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
	background: linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3edc93', endColorstr='#57bce2', GradientType=1 );
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0.85;
}
.banner.banner2.parallax-window{
    background: none;
}
.banner.banner2.parallax-window:after{
    background: rgba(42, 63, 68, 0.9);
}
.banner.banner2 .cnt-block {
	padding-bottom: 0px;
}
.banner.banner2 .left {
	border: none;
	padding-top: 90px;
}
.banner.banner2 .left h1 {
	font-size: 44px;
}
.banner.banner2 .left > p {
	font-size: 24px;
}
.banner.banner2 .cnt-row2 {
	padding-top: 70px;
}
.banner.banner2 .video-block {
	max-width: 225px;
	background: #000;
	border-radius: 5px;
	text-align: center;
	position: relative;
}
.banner.banner2 .video-block img {
	background: #000;
	border-radius: 5px;
	opacity: 0.5;
}
.banner.banner2 a.play-btn {
	font-size: 40px;
	position: absolute;
	top: 50%;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	transform: translateY(-50%);
	color: #fff;
	z-index: 1;
}
.banner.banner2 a.play-btn:hover {
	color: #f29a32;
}
.banner.banner2 .right-sec {
	padding-left: 20px;
	text-align: left;
}
.banner.banner2 .right-sec p {
	margin: 0px;
	padding: 0 0 20px 0;
	font-size: 14px;
}
.banner.banner2 a.get-started {
	margin: 0px;
}
/*-----------------------
	Banner Opt3
-----------------------*/
.banner.banner3 {
	display: block;
	position: relative;
}
.banner.banner3:after {
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	position: absolute;
	left: 0px;
	top: 0px; /*background:rgba(49, 89, 93, 0.5);*/
	background: #3edc93;
	background: -moz-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
	background: -webkit-linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
	background: linear-gradient(45deg, #3edc93 0%, #53c2d4 58%, #57bce2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3edc93', endColorstr='#57bce2', GradientType=1 );
	opacity: 0.8;
}
.banner.banner3 .cnt-block .left {
	border-color: rgba(255, 255, 255, 0.5);
}
/*-----------------------
	Banner Opt4
-----------------------*/
.banner-outer {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.banner.slide3 {
	background: url(../images/banner-bg3.jpg) no-repeat center top / cover;
	position: relative;
}
.banner.slide3:after {
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(42, 63, 68, 0.8);
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
}
.banner.slide3 .cnt-block {
	padding-top: 80px;
	padding-bottom: 40px;
}
.banner.slide3 .left {
	text-align: center;
	border: none;
}
.banner.slide3 .left h1 {
	padding-bottom: 10px;
}
.banner.slide3 .left p {
	font-size: 20px;
	padding-bottom: 30px;
}
.banner.slide3 img {
	display: block;
	margin: 0 auto;
}
.banner.slide3.banner5 {
	padding-top: 86px;
	background: url(../images/222.jpg) no-repeat center top / cover;
}

.padding-lg {
	padding: 140px 0 90px 0;
}
.content-marketing {
	display: block;
	text-align: center;
}
.content-marketing .head-block {
	padding-bottom: 90px;
}
.content-marketing .head-block h2 {
	padding-bottom: 30px;
}
.content-marketing .head-block h2 span {
	display: block;
}
.content-marketing .head-block p {
	font-size: 16px;
	line-height: 30px;
}
ul.marketing-list li {
	list-style: none;
	border-right: 1px #dbeaef solid;
	position: relative;
}
ul.marketing-list li .inner {
	display: block;
	padding: 0 6%;
}
ul.marketing-list li:after {
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
	right: -6px;
	top: 0px;
	content: "";
	background: #dbeaef;
	border-radius: 50%;
}
ul.marketing-list li:last-child {
	border: none;
}
ul.marketing-list li:last-child:after {
	display: none;
}
ul.marketing-list li img {
	margin: 0 auto;
}
ul.marketing-list li h3 {
	display: block;
	padding: 40px 5% 30px 5%;
	font-size: 22px;
	font-weight: 300;
	line-height: 28px;
}
ul.marketing-list li p {
	padding-bottom: 30px;
}
ul.marketing-list li a:hover {
	color: #f29a32;
}

.seo-reports.seo-reports2 {
	padding-top: 85px;
}
.seo-reports.seo-reports2 .cnt-block {
	padding-top: 60px;
}
ul.marketing-list2 {
	text-align: left;
}
ul.marketing-list2 li {
	list-style: none;
}
ul.marketing-list2 li .icon {
	display: block;
	padding-bottom: 25px;
}
ul.marketing-list2 li h3 {
	max-width: 260px;
	padding-bottom: 15px;
	font-size: 22px;
	font-weight: 300;
	line-height: 28px;
}
ul.marketing-list2 li p {
	padding: 0 6% 0 0;
}

/*-----------------------
    Create SEO Reports
-----------------------*/
.seo-reports {
	background: rgba(245, 245, 245, .8);
}
.seo-reports .cnt-block {
	padding-top: 110px;
}
.seo-reports .cnt-block.padd-left {
	padding-left: 40px;
}
.seo-reports .cnt-block h2 {
	padding-bottom: 25px;
}
.seo-reports .cnt-block p {
	padding: 0 4% 35px 0;
}
.seo-reports .margin {
	margin-right: -100px;
}
/*-----------------------
	 Generate Forms
-----------------------*/
.generate-forms {
	text-align: center;
}
.generate-forms.padding-lg {
	padding-bottom: 0px;
}
.generate-forms h2 {
	padding-bottom: 30px;
}
.generate-forms p {
	padding-bottom: 45px;
}
.generate-forms p.padd-sm {
	padding-bottom: 20px;
}


/*-----------------------
	  Our Features
-----------------------*/
.our-features {
	background: #f5f5f5;
	text-align: center;
}
ul.features-listing li {
	list-style: none;
	padding-bottom: 60px;
}
ul.features-listing li:last-child,
ul.features-listing li:nth-last-child(2),
ul.features-listing li:nth-last-child(3) {
	padding-bottom: 0px;
}
ul.features-listing li .inner {
	padding: 0 5%;
}
ul.features-listing li .icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.1);
}
ul.features-listing li h3 {
	padding: 30px 0 20px 0;
	font-size: 22px;
	font-weight: 300;
	line-height: 28px;
}
ul.features-listing.ico-bg li .icon {
	background: #57bce2;
	font-family: 'icomoon';
	font-size: 32px;
	color: #fff;
	text-align: center;
	box-shadow: none;
}
ul.features-listing.bg-none li h3 {
	padding: 5px 0 10px;
}
ul.features-listing.bg-none li .icon {
	width: auto;
	height: auto;
	background: none;
	box-shadow: none;
	font-size: 52px;
	color: #57bce2;
}

/*-----------------------
	  Sign Up 
-----------------------*/
.signup-outer {
	background: #56bedd;
	text-align: center;
	color: #fff;
	position: relative;
}
.signup-outer .container {
	position: relative;
	z-index: 2;
}
.signup-outer ul {
	max-width: 620px;
	margin: 0 auto;
	padding-bottom: 60px;
}
.signup-outer ul li {
	width: calc(100% / 3);
	display: block;
	float: left;
	position: relative;
}
.signup-outer ul li:after {
	position: absolute;
	right: -30px;
	top: 5px;
	content: url(../images/dots.png);
}
.signup-outer ul li:last-child:after {
	display: none;
}
.signup-outer ul li span {
	display: block;
	min-height: 45px;
}
.signup-outer ul li .icon-men {
	font-size: 30px;
}
.signup-outer ul li .icon-chat {
	font-size: 40px;
}
.signup-outer ul li .icon-lap {
	font-size: 55px;
	margin-top: -10px;
}
.signup-outer ul li h4 {
	padding: 15px 0 0 0;
	font-size: 16px;
	color: #fff;
	line-height: 22px;
}
.signup-outer ul li h4 span {
	display: block;
}
.signup-form {
	display: block;
}
.signup-form .email,
.signup-form .password {
	width: 36%;
	display: inline-block;
	padding: 0 14px;
	position: relative;
}
.signup-form input {
	width: 100%;
	padding: 8px 20px;
	background: none;
	border: 1px #c8ece9 solid;
	font-size: 14px;
	color: #c8ece9;
	border-radius: 4px;
	margin-bottom: 10px;
}
.signup-form input::-webkit-input-placeholder {
color:#fff;
opacity:0.7;
}
.signup-form input :-moz-placeholder { /* Firefox 18- */
color:#fff;
opacity:0.7;
}
.signup-form input::-moz-placeholder {  /* Firefox 19+ */
color:#fff;
opacity:0.7;
}
.signup-form input:-ms-input-placeholder {
color:#fff;
opacity:0.7;
}
.signup-form .signup-btn {
	margin-left: 12px;
	padding: 10px 36px;
	background: #ffcc00;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	border: none;
	border-radius: 4px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
.signup-form .signup-btn:hover {
	background: #79ad85;
}
.signup-outer.gradient-bg {
	background: #79ad85;
	background: -moz-linear-gradient(top, #81b18c 0%, #71a87e 24%, #578e64 100%);
	background: -webkit-linear-gradient(top, #81b18c 0%, #71a87e 24%,#578e64 100%);
	background: linear-gradient(to bottom, #81b18c 0%, #71a87e 24%, #578e64 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53b0d7', endColorstr='#44c4a7', GradientType=0 );
}
a.ovelay-icon {
	width: 70px;
	height: 70px;
	position: absolute;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 100%;
	background: #f29a32;
	font-size: 24px;
	color: #fff;
	display: block;
	padding: 23px;
}
.thumbnail-holder a.ovelay-icon:hover {
	background: #fff;
	color: #f29a32;
}
.footer {
	display: block;
    background: #fff;
}
.footer .bottom {
	display: block;
	padding: 25px 0;
	font-size: 12px;
	color: #5f7279;
	text-align: center;
}
a.scroll-top {
	width: 42px;
	height: 42px;
	line-height: 38px;
	font-size: 24px;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	position: fixed;
	display: none;
	right: 20px;
	bottom: 20px;
	background: #79ad85;
	z-index: 999;
}
a.scroll-top:hover {
	background: #ffcc00;
}
/*-----------------------
	   Footer 
-----------------------*/
.footer.dark-bg {
	background: #2a3f44;
}
.footer.dark-bg .bottom {
	color: #8d9ca8;
}
.footer.dark-bg .bottom {
	background: #25373c;
}

.sided-item-wrapper {
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.sided-item-wrapper.padding-lg {
	padding-bottom: 0;
}
.sided-item-wrapper ul.marketing-list3 {
	padding: 50px 0 0;
}
.sided-item-wrapper ul.marketing-list3 li .equal-hight {
	border: none;
	padding: 0;
	border-radius: 0px;
	box-shadow: none;
}
.sided-item-wrapper ul.marketing-list3 li .ico-block {
	width: 20%;
}
.sided-item-wrapper ul.marketing-list3 li .cnt-block {
	width: 80%;
	padding-left: 15px;
}
.sided-item-wrapper ul.marketing-list3 h3 {
	font-size: 20px;
}
.sided-item-wrapper .content-area {
	position: relative;
	z-index: 2;
}
.sided-item-wrapper .right-sided-full-image {
	width: calc(100% - 66%);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.sided-item-wrapper .left-sided-full-image {
	width: calc(100% - 60%);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.sided-item-wrapper .left-sided-full-image img {
	float: right;
}
/*-----------------------------------
	 Sided SEO Report Styles
------------------------------------*/
.seo-reports .sided-item-wrapper h2 {
	padding: 0 0 25px;
}
.seo-reports .sided-item-wrapper .content-area {
	max-width: 610px;
}
.seo-reports .sided-item-wrapper .icon-tik-list {
	max-width: 100%;
	padding: 30px 0 0;
	margin: 0;
}
.seo-reports .sided-item-wrapper .icon-tik-list li:before {
	top: 15px;
	font-size: 26px;
}
.seo-reports .sided-item-wrapper .icon-tik-list li {
	border: none;
	padding: 10px 30px 10px 40px;
}
.seo-reports .sided-item-wrapper .icon-tik-list p {
	font-size: 14px;
	line-height: 26px;
}
/*-----------------------------------
	 Custom Opacity Slider
------------------------------------*/
.custom-opacity {
	position: relative;
	margin-top: 30px;
}
.custom-opacity .frame {
	width: 33%;
	position: absolute;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	top: -20px;
	z-index: 1;
}
.custom-opacity .item {
	opacity: 0.3;
}
.custom-opacity .center.active .item {
	opacity: 1;
}
.custom-opacity #owl-career .owl-nav .owl-next,
.custom-opacity #owl-career .owl-nav .owl-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.custom-opacity #owl-career .owl-nav .owl-next {
	right: 14.5%;
}
.custom-opacity #owl-career .owl-nav .owl-prev {
	left: 14.5%;
	transform: translateY(-50%) scale(-1, 1);
}
.latest-stories.white-bg .know-more {
	margin: 50px auto 0;
	font-size: 15px;
	color: #606d87;
	display: block;
	text-transform: capitalize;
	font-weight: 400;
	text-align: center;
}
.blog-blocks.with-border .card {
	box-shadow: none;
	border: 1px solid #d9e7ec;
}

/*-----------------------------------
	 Features Carousel 
------------------------------------*/
.features-carousel-sec {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 70px;
}
.owl-carousel.owl-feature .owl-item img {
	display: block;
	width: inherit;
	max-width: 100%;
}
.owl-feature .owl-nav.disabled {
	display: block;
}
.owl-feature .owl-dots {
	display: none;
}
.owl-feature .owl-nav .icon-know-more-arrow {
	font-size: 44px;
	color: #798c93;
}
.owl-feature .owl-nav .icon-know-more-arrow:hover {
	color: #f29a32;
}
.owl-feature .owl-nav .owl-prev,
.owl-feature .owl-nav .owl-next {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #fff;
	padding: 5px;
	opacity: 0.9;
}
.owl-feature .owl-nav .owl-prev {
	left: -70px;
	transform: matrix(-1, 0, 0, 1, 0, 0);
}
.owl-feature .owl-nav .owl-next {
	right: -70px;
}

/* ================================================== */
/* 10. How It Works */ 
/* ================================================== */
.how-it-work-items {
	display: block;
}
.how-it-work-items .row {
	padding-bottom: 90px;
}
.how-it-work-items .row:last-child {
	padding-bottom: 0px;
}
.how-it-work-items .content-area {
	max-width: 585px;
	padding: 0 0 50px;
}
.how-it-work-items .content-area .icon {
	width: 19%;
	display: inline-block;
	vertical-align: top;
}
.how-it-work-items .content-area .icon span {
	width: 60px;
	height: 60px;
	line-height: 60px;
	display: block;
	text-align: center;
	color: #fff;
	background: #f29a32;
	font-size: 30px;
	font-weight: 400;
	margin: 0 auto;
	border-radius: 50%;
}
.how-it-work-items figure {
	padding-bottom: 40px;
}
.how-it-work-items figure.right {
	text-align: right;
}
.how-it-work-items .text-area {
	width: 80%;
	display: inline-block;
}
.how-it-work-items .text-area h2 {
	padding-bottom: 20px;
}

/*-----------------------------------
	 Career Our Values 
------------------------------------*/
.career-our-values-sec {
	padding: 60px 0 70px;
}
.career-our-values-sec h3 {
	font-size: 24px;
	font-weight: 500;
	padding: 30px 0 40px;
}
ul.our-values {
	margin: 0 -10px;
}
ul.our-values li {
	list-style: none;
	padding: 0 10px 45px 10px;
}
.our-perks {
	border: 1px solid #d0dbe1;
	border-radius: 10px;
	padding: 40px 22px;
	box-shadow: 2px -3px 10px -3px rgba(0, 0, 0, 0.1);
}
.career-our-values-sec .our-perks h3 {
	text-align: left;
	padding: 0;
}
.icon-tik-list {
	max-width: 430px;
}
.icon-tik-list li {
	list-style: none;
	padding: 20px 0 20px 40px;
	border-bottom: 1px #d6d7d7 solid;
	position: relative;
}
.icon-tik-list li:before {
	width: 30px;
	height: 100%;
	position: absolute;
	top: 20px;
	left: 0;
	content: "\e927";
	font-family: 'icomoon';
	font-size: 24px;
	color: #79ad85;
}
.icon-tik-list li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}
.icon-tik-list li h6 {
	font-size: 16px;
	color: #22333a;
	font-weight: 600;
	padding: 0 0 5px;
}
.icon-tik-list li p {
	line-height: 24px;
	font-weight: 400;
}
ul.our-values li .icon {
	width: 22%;
	display: inline-block;
	vertical-align: top;
	max-width: 65px;
	padding-right: 10px;
	font-size: 42px;
	color: #68c3e5;
	text-align: center;
}
ul.our-values li .icon span {
	font-size: 44px;
	color: #68c3e5;
}
ul.our-values li .text-area {
	width: 76%;
	display: inline-block;
	vertical-align: top;
}
ul.our-values.opt2 li .text-area {
	width: 80%;
}
ul.our-values li .text-area h6 {
	font-size: 15px;
	font-weight: 600;
	color: #22333a;
	line-height: 20px;
	padding: 0 0 8px;
}
ul.our-values li .text-area p {
	font-size: 13px;
	line-height: 24px;
}
/*-----------------------------------
	 career Carousel 
------------------------------------*/
#owl-career {
	position: relative;
}
#owl-career li {
	display: block;
}
#owl-career .owl-nav.disabled {
	display: block;
}
#owl-career .owl-dots {
	display: none;
}
#owl-career .owl-nav .icon-know-more-arrow {
	font-size: 40px;
	color: #798c93;
}
#owl-career .owl-nav .icon-know-more-arrow:hover {
	color: #ffcc00;
}
#owl-career .owl-nav .owl-prev,
#owl-career .owl-nav .owl-next {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #fff;
	padding: 5px;
	opacity: 0.9;
}
#owl-career .owl-nav .owl-prev {
	left: 10%;
	transform: translateY(-50%) scale(-1, 1);
}
#owl-career .owl-nav .owl-next {
	right: 10%;
}


/* ================================================== */
/* 23. Typography */ 
/* ================================================== */
.heading-box {
	border: 1px solid #c5cacf;
	border-radius: 5px;
	padding: 50px 50px 35px;
}
.heading-box h1,
.heading-box h2,
.heading-box h3,
.heading-box h4,
.heading-box h5,
.heading-box h6 {
	padding-bottom: 15px;
}
.paragraph-box {
	padding: 0 0 30px;
}
.paragraph-box:last-child {
	padding-bottom: 0px;
}
.paragraph-box h6 {
	padding-bottom: 5px;
}
.typography-middle {
	background: #f5f5f5;
	padding: 70px 0 40px;
}
.typography-middle code {
	font-size: 16px;
	color: #b92e2e;
	font-weight: 400;
	padding: 0 0 20px;
}
.typography-middle ol,
.typography-middle ul {
	margin-bottom: 30px;
}
.typography-bottom {
	border-bottom: 1px solid #efefef;
}


/* ================================================== */
/* 29. Responsive */
/* ================================================== */
@media (max-width: 1600px) {

	.sided-item-wrapper .right-sided-full-image {
		width: calc(100% - 72%);
	}
}

@media (max-width: 1200px) {

	.sided-item-wrapper .right-sided-full-image {
		width: calc(100% - 74%);
	}
	.sided-item-wrapper ul.marketing-list3 h3 {
		font-size: 18px;
		line-height: 26px;
	}
	.sided-item-wrapper ul.marketing-list3 li .ico-block {
		width: 15%;
	}
	.sided-item-wrapper ul.marketing-list3 li .cnt-block {
		width: 85%;
	}
	.sided-item-wrapper h2,
	.generate-forms h2,
	.latest-stories.white {
		font-size: 30px;
		line-height: 38px;
	}
	.custom-opacity .frame {
		width: 32.7%;
		top: -17px;
	}
    .cart-table th:nth-child(2) {
         width: 40%;
     }
     .cart-table th:nth-child(3){
         width: 15%;
     }
     .cart-table th:last-child {
         width: 15%;
     }
    .related-products .owl-nav .owl-prev {
        left: -26px;
    }
    .related-products .owl-nav .owl-next {
        right: -26px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width:1199px) {

	body {
		font-size: 13px;
	}
	h1 {
		font-size: 38px;
	}
	h2 {
		font-size: 32px;
		line-height: 40px;
	}
	h3 {
		font-size: 28px;
	}
	h4 {
		font-size: 26px;
	}
	h5 {
		font-size: 24px;
	}
	h6 {
		font-size: 22px;
	}
	.padding-lg {
		padding: 60px 0;
	}
	.banner .left h1,
	.banner.banner2 .left h1 {
		padding-bottom: 15px;
		font-size: 38px;
		line-height: 46px;
	}
	.banner .left p {
		font-size: 22px;
		line-height: 26px;
	}
	.banner a.get-started {
		max-width: 200px;
		padding: 10px 15px;
	}
	.banner .pop-box {
		left: 0px;
	}
	.banner .pop-box .right-cnt h3 {
		font-size: 16px;
		line-height: 22px;
	}
	.banner.banner3 .cnt-block {
		padding-bottom: 60px;
	}
	.banner.slide3 {
		min-height: 580px;
	}
	.banner.slide3 .left h1 {
		font-size: 38px;
	}
	.banner.slide3 .cnt-block {
		padding-top: 60px;
		padding-bottom: 20px;
	}
	.banner.slide3 img {
		width: 81.5%;
	}
	.content-marketing .head-block p {
		font-size: 14px;
		line-height: 26px;
	}
	ul.marketing-list3 li .cnt-block {
		padding-left: 25px;
	}
	ul.marketing-list3 li h3 {
		font-size: 20px;
	}
	.seo-reports .cnt-block {
		padding-top: 80px;
	}
	.seo-reports .cnt-block h2 {
		padding-bottom: 15px;
	}
	.simple-editor .cnt-block {
		padding-top: 0px;
	}
	.simple-editor .cnt-block h2 {
		padding-bottom: 10px;
	}
	.choose-pack .head-block .plan-title h3 {
		font-size: 20px;
		font-weight: 400;
	}
	.choose-pack a.btn.get-started {
		padding: 10px 30px;
	}
	.client-speak .head-block {
		padding-bottom: 40px;
	}
	.speak-listing .owl-dots {
		margin-top: 60px;
	}
	.blog-blocks .card-body {
		padding: 30px;
	}
	.brands {
		padding: 45px 0;
	}
	.signup-outer ul {
		padding-bottom: 30px;
	}
	.demo-wrapper.white-bg {
		padding: 60px 0;
	}
	.thumbnail-holder .inner h3 {
		padding-bottom: 20px;
		font-size: 22px;
	}
	a.ovelay-icon {
		width: 60px;
		height: 60px;
		padding: 20px;
		font-size: 20px;
	}
	.footer .bottom {
		padding: 20px 0;
	}
	.custom-opacity .frame {
		width: 32.5%;
		top: -13px;
	}
	.inner-banner {
		min-height: 240px;
	}
	.inner-banner .contents {
		padding: 55px 0px 0px;
	}
	.who-we-are .cnt-block {
		padding-left: 20px;
	}
	.who-we-are .cnt-block p {
		padding: 10px 0;
	}
	ul.who-listing li {
		padding: 2px 0 2px 32px;
	}
	ul.contact-list li .inner .call,
	ul.contact-list li .inner a.mail-to {
		font-size: 14px;
	}
    ul.Product-listing li .rating{
        padding-bottom: 15px;
    }
    ul.Product-listing li .product-detail h2{
        font-size: 18px;
    }
    ul.Product-listing.right-sec li .product-detail h2{
        font-size: 16px;
    }
    ul.Product-listing.right-sec li .bottom .price{
        display: block;
        padding: 0 0 10px 0;
    }
    .sku-outer ul li{
        padding-right: 5px;
    }
    .checkout-right .cart-total {
        padding: 25px 20px;
    }
    .checkout-right .btn-outer .btn {
        width: 122px;
        font-size: 15px;
        padding: 7px 15px;
    }
}

@media (max-width: 991px) {

	body {
		font-size: 13px;
		line-height: 26px;
	}
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size: 30px;
		line-height: 38px;
	}
	h3 {
		font-size: 28px;
	}
	h4 {
		font-size: 26px;
	}
	h5 {
		font-size: 22px;
	}
	h6 {
		font-size: 22px;
	}
	p.large {
		line-height: 24px;
	}
	.logo1 {
		display: block;
	}
	.demo-wrapper {
		padding: 80px 0 40px 0;
	}
	.demo-wrapper.white-bg {
		padding: 50px 0;
	}
	.thumbnail-holder .inner h3 {
		padding-bottom: 15px;
		font-size: 20px;
	}
	a.ovelay-icon {
		width: 50px;
		height: 50px;
		padding: 15px;
		font-size: 18px;
	}
	.why-protech-outer ul.features-listing li h3 {
		font-size: 16px;
	}
	.plan-features-sec .container {
		width: 90%;
		max-width: none;
	}
	.how-it-work-items .content-area .icon {
		width: 18%;
		padding-right: 8px;
	}
	.how-it-work-items .content-area .icon span {
		width: 52px;
		height: 52px;
		line-height: 52px;
		font-size: 24px;
	}
	.how-it-work-items .text-area h2 {
		font-size: 28px;
	}
	.plan-table-holder .table .head-block .price .amnt {
		font-size: 62px;
	}
	.plan-table-holder .table tbody tr td {
		font-size: 11px;
	}
	.plan-table-holder .table .icon-tick-circle,
	.plan-table-holder .table .icon-close-circle {
		font-size: 22px;
	}
	.need-to-discuss .submit-form input {
		margin-bottom: 40px;
	}
	.need-to-discuss .head-block {
		padding-bottom: 30px;
	}
	ul.more-features-list {
		padding-bottom: 30px;
	}
	.generate-forms ul.counter-listing {
		padding: 30px 0 20px;
	}
	.generate-forms ul.counter-listing li span {
		font-size: 44px;
		padding: 0px;
	}
	ul.our-values.opt2 li .text-area {
		width: 78%;
	}
	.login-form-holder h3 {
		font-size: 26px;
	}
	.custom-opacity .frame {
		width: 32%;
		top: -10px;
	}
	.sided-item-wrapper ul.marketing-list3 {
		padding-top: 30px;
	}
	.faq-sec ul li h3 {
		font-size: 15px;
		line-height: 26px;
	}
	#myTabContent {
		padding-top: 30px;
	}
    ul.Product-listing li .product-detail h2{
        font-size: 14px;
    }
    ul.Product-listing li .rating{
        padding-bottom: 10px;
    }
    ul.Product-listing li .bottom .price{
        display: block;
        padding: 0 0 10px 0;
        font-size: 26px;
    }
    ul.Product-listing li .bottom .add-cart{
        padding: 6px 18px;
    }
    ul.Product-listing.right-sec li .product-detail h2{
        font-size: 16px;
    }
    .product-outer{
        margin-bottom: 40px;
    }
    .product-detail h2{
        font-size: 24px;
    }
    .sku-outer ul li{
        padding-right: 8px;
        font-size: 13px;
    }
    .product-info-tab{
        padding: 40px 0;
    }
    .related-products{
        padding-top: 40px;
    }
    .cart-table .product-name p{
        font-size: 15px;
        line-height: 24px;
     }
     .cart-table tbody tr td:last-child{
         font-size: 20px;
     }
     .cart-total .table thead th{
         font-size: 20px;
     }
     .cart-total .table tbody th{
         font-size: 15px;
     }
     .cart-total .table tbody td{
         font-size: 16px;
     }
     .cart-total .table tbody tr:nth-last-child(2) td{
         font-size: 22px;
     }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {

	.hidden-md {
		display: none;
	}
	.padding-lg {
		padding: 50px 0;
	}
	.header-top ul.follow-us li {
		padding-left: 10px;
	}
	.banner {
		min-height: 620px;
	}
	.banner.solid-bg,
	.banner.gradient-bg {
		margin-bottom: 80px;
	}
	.banner .cnt-block {
		padding-top: 60px;
		padding-bottom: 80px;
	}
	.banner .left h1 {
		padding-bottom: 10px;
		font-size: 28px;
		line-height: 36px;
	}
	.banner .left p {
		font-size: 18px;
	}
	.banner.banner3 {
		min-height: 540px;
	}
	.banner.banner3 .cnt-block {
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.banner.slide1 .mobile-img {
		max-width: 57%;
		position: absolute;
		right: 0;
	}
	.banner.slide1 .cnt-block {
		padding-top: 90px;
	}
	.banner.banner2.slide1,
	.banner.slide2,
	.banner.slide3 {
		min-height: 513px;
	}
	.banner.slide2 .cnt-block {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.banner.slide2 img {
		width: 94%;
	}
	.banner.slide3 .left h1 {
		font-size: 36px;
	}
	.banner.slide3 .cnt-block {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.banner.slide3 img {
		width: 88%;
	}
	.banner a.get-started {
		max-width: 200px;
		padding: 10px 20px;
	}
	.banner .pop-box {
		padding: 15px 20px;
		left: 0px;
	}
	.banner .pop-box .right-cnt h3 {
		padding-bottom: 8px;
		font-size: 15px;
		line-height: 22px;
	}
	.content-marketing .head-block {
		padding-bottom: 60px;
	}
	.content-marketing .head-block p {
		font-size: 14px;
		line-height: 26px;
	}
	ul.marketing-list li img {
		width: 60%;
	}
	ul.marketing-list li h3 {
		padding: 30px 5% 20px 5%;
		font-size: 18px;
		line-height: 24px;
	}
	ul.marketing-list3 li .equal-hight {
		padding: 45px 13% 0 8%;
	}
	ul.marketing-list3 li .cnt-block {
		padding-left: 15px;
	}
	ul.marketing-list3 li h3 {
		font-size: 20px;
	}
	a.know-more {
		font-size: 14px;
	}
	.seo-reports .cnt-block {
		padding-top: 60px;
		padding-bottom: 20px;
		text-align: center;
	}
	.seo-reports .cnt-block h2 {
		padding-bottom: 20px;
	}
	.seo-reports .img {
		width: 60%;
		margin: 0 auto;
	}
	.seo-reports.seo-reports2 {
		padding-top: 50px;
	}
	.seo-reports.seo-reports2 .cnt-block {
		padding-top: 0px;
	}
	.simple-editor .cnt-block {
		text-align: center;
		padding-bottom: 30px;
	}
	.simple-editor .right .img-block {
		width: 70%;
		margin: 0 auto;
	}
	.simple-editor .right a.play-btn {
		width: 70px;
		padding: 8px;
		margin: -55px auto 0;
		font-size: 50px;
	}
	.choose-pack ul.row {
		margin-left: -10px;
		margin-right: -10px;
	}
	.choose-pack ul.row li {
		padding-left: 10px;
		padding-right: 10px;
	}
	.choose-pack ul li .head-block {
		padding: 40px 10px 30px 10px;
	}
	.choose-pack .head-block .plan-title {
		padding-bottom: 20px;
	}
	.choose-pack .head-block .plan-title span {
		width: 140px;
		padding: 1px 10px;
		font-size: 12px;
	}
	.choose-pack .head-block .plan-title h3 {
		font-size: 16px;
	}
	.choose-pack .price .right .amt {
		font-size: 62px;
	}
	.choose-pack .cnt-block {
		padding: 20px 12px;
	}
	.choose-pack .cnt-block ul li {
		padding: 5px 0;
		font-size: 12px;
	}
	.choose-pack .cnt-block ul li:before {
		margin-right: 10px;
	}
	.choose-pack a.btn.get-started {
		padding: 10px 15px;
		font-size: 14px;
	}
	ul.features-listing li h3 {
		font-size: 20px;
	}
	.client-speak .head-block {
		padding-bottom: 50px;
	}
	.speak-listing .owl-dots {
		margin-top: 50px;
	}
	ul.speak-listing.opt3 li .icon-quote {
		width: 28px;
		height: 28px;
		line-height: 28px;
		font-size: 12px;
	}
	.brands {
		padding: 30px 0;
	}
	.signup-outer ul {
		padding-bottom: 20px;
	}
	.footer .bottom {
		padding: 10px 0;
	}
	.inner-banner {
		min-height: 240px;
	}
	.inner-banner h1 {
		font-size: 38px;
	}
	.inner-banner .contents {
		padding: 55px 0px 0px;
	}
	.who-we-are .row1 {
		padding-bottom: 55px;
	}
	.who-we-are .cnt-block {
		padding: 30px 0 0 0;
	}
	ul.team-listing li {
		padding-bottom: 30px;
	}
	ul.contact-list li .inner {
		padding: 45px 20px;
	}
	ul.contact-list li .inner .call,
	ul.contact-list li .inner a.mail-to {
		font-size: 14px;
	}
	.career-info-panel ul li {
		width: 100%;
	}
	.career-banner.apply-job {
		min-height: 300px;
	}
	ul.our-values li .icon {
		width: 26%;
	}
	ul.our-values li .text-area {
		width: 72%;
	}
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {
    
    .opt6 .top-menu-bar{
        padding: 10px 0;
    }
    .mob-icon{
        top: 34px;
    }
	.hidden-xs {
		display: none !important;
	}
	.padding-lg {
		padding: 40px 0;
	}
	.top-menu-bar .mob-icon {
		right: 15px;
	}
	.banner {
		min-height: 520px;
	}
	.banner.solid-bg,
	.banner.gradient-bg {
		margin-bottom: 70px;
	}
	.banner .cnt-block {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.banner .cnt-block .left {
		padding-top: 50px;
		padding-bottom: 30px;
		border: none;
		text-align: center;
	}
	.banner .left {
		padding-bottom: 30px;
		border-right: 0px;
	}
	.banner .left h1,
	.banner.banner2 .left h1 {
		padding-bottom: 10px;
		font-size: 32px;
		line-height: 42px;
	}
	.banner .left p,
	.banner.banner2 .left p {
		font-size: 22px;
	}
	.banner .right-sec p {
		display: none;
	}
	.banner.banner2 .cnt-row2 {
		padding-top: 25px;
	}
	.banner.banner2 .cnt-block img {
		width: 60%;
		display: block;
		margin: 0 auto;
	}
	.banner.banner2 .video-block {
		max-width: inherit;
	}
	.banner.banner2 .video-block img {
		width: 100%;
	}
	.banner.banner2 a.get-started {
		margin: 0 auto;
	}
	.banner a.get-started {
		max-width: 200px;
		padding: 10px 20px;
	}
	.banner .tab-screen {
		width: 90%;
	}
	.banner .pop-box {
		display: none;
	}
	.banner.slide3 .cnt-block {
		padding-bottom: 30px;
		padding-top: 52px;
	}
	.content-marketing .head-block h2 {
		padding-bottom: 20px;
	}
	.content-marketing .head-block p {
		font-size: 14px;
		line-height: 26px;
	}
	.content-marketing .head-block {
		padding-bottom: 40px;
	}
	ul.marketing-list li {
		border: none;
		padding-bottom: 30px;
	}
	ul.marketing-list li:after {
		display: none;
	}
	ul.marketing-list li:last-child {
		padding-bottom: 0px;
	}
	ul.marketing-list li h3 {
		padding-bottom: 10px;
	}
	ul.marketing-list3 li .equal-hight {
		padding: 30px 20px 15px 20px;
	}
	ul.marketing-list3 li .ico-block {
		width: 103px;
		float: none;
		margin: 0 auto 20px;
	}
	ul.marketing-list3 li .cnt-block {
		width: 100%;
		padding: 0 20px;
		float: none;
		text-align: center;
	}
	ul.marketing-list3 li h3 {
		font-size: 20px;
	}
	ul.marketing-list3 li p {
		padding-bottom: 15px;
	}
	ul.marketing-list3 li a {
		position: relative;
		top: inherit;
		right: inherit;
	}
	ul.marketing-list2 li {
		padding-bottom: 30px;
		text-align: center;
	}
	ul.marketing-list2 li:last-child {
		padding-bottom: 0px;
	}
	ul.marketing-list2 li h3 {
		margin: 0 auto;
	}
	.seo-reports .cnt-block {
		padding-top: 40px;
	}
	.seo-reports .cnt-block.padd-left {
		padding-left: 0px;
	}
	.seo-reports .img,
	.generate-forms .img,
	.simple-editor .right .img {
		width: 85%;
		margin: 0 auto;
	}
	.seo-reports .cnt-block h2,
	.generate-forms h2,
	.simple-editor .cnt-block h2,
	.choose-pack h2 {
		padding-bottom: 20px;
	}
	.seo-reports.seo-reports2 {
		padding-top: 40px;
	}
	.seo-reports.seo-reports2 .cnt-block {
		padding: 0 0 30px 0;
	}
	.simple-editor .cnt-block {
		padding-bottom: 40px;
	}
	.simple-editor .right .img-block img {
		margin: 0 auto;
	}
	.simple-editor .right a.play-btn {
		width: 62px;
		font-size: 50px;
		margin: -50px auto 0;
		padding: 6px;
	}
	.simple-editor .right a.play-btn2 {
		width: 62px;
		padding: 6px;
		left: -86px;
		font-size: 50px;
		margin: -50px auto 0;
	}
	.choose-pack p {
		padding-bottom: 20px;
	}
	.choose-pack .cnt-block {
		padding: 30px 20px;
	}
	.choose-pack ul {
		padding-top: 20px;
	}
	.choose-pack ul li {
		margin-bottom: 50px;
	}
	.choose-pack ul li:last-child,
	.choose-pack.opt3 ul li .cnt-block ul li:last-child {
		margin-bottom: 0px !important;
	}
	.choose-pack ul li .cnt-block ul li {
		margin-bottom: 0px;
	}
	.choose-pack.opt2 ul li {
		border: none !important;
		margin-bottom: 20px;
	}
	.choose-pack.opt2 ul li .inner {
		padding: 20px 0 30px 0;
		border: 1px solid #dde5e7;
	}
	.choose-pack.opt2 .cnt-block ul li,
	.choose-pack.opt2.blue-bg .cnt-block ul li,
	.choose-pack.opt3 ul li {
		border: none !important;
	}
	.choose-pack.opt2.blue-bg ul li {
		padding-top: 0px;
		padding-bottom: 0px;
		border: none !important;
	}
	.choose-pack.opt2.blue-bg ul li .inner {
		padding: 20px 0 30px 0;
		border: 1px #658693 solid;
	}
	.choose-pack.opt3 ul li {
		margin-bottom: 60px;
		padding-bottom: 0px;
	}
	.choose-pack.opt3 ul li .inner {
		padding: 0px;
	}
	.choose-pack.opt3 ul li:last-child {
		margin-bottom: 30px !important;
	}
	ul.features-listing li,
	ul.features-listing li:nth-last-child(3) {
		padding-bottom: 20px;
	}
	ul.features-listing li h3 {
		font-size: 20px;
	}
	.client-speak .head-block {
		padding-bottom: 0px;
	}
	.client-speak .head-block span {
		padding-bottom: 5px;
	}
	.speak-listing .owl-dots {
		margin-top: 30px;
	}
	.owl-dot span {
		width: 10px;
		height: 10px;
		border: 2px #fff solid;
		margin: 0 6px;
	}
	ul.speak-listing li h4,
	.client-speak #bx-pager .client-detail h4 {
		font-size: 16px;
	}
	ul.speak-listing.opt1 li .inner:after {
		display: none;
	}
	ul.speak-listing.opt4 li {
		opacity: 1;
	}
	ul.speak-listing li .inner figure {
		margin-bottom: 30px;
	}
	ul.speak-listing.opt2 li p {
		font-size: 15px;
		line-height: 28px;
	}
	ul.speak-listing.opt3 li .inner {
		padding: 30px 5% 30px 8%;
	}
	ul.speak-listing.opt3 li .inner figure {
		width: 82px;
		float: none;
		margin: 0 auto 25px;
	}
	ul.speak-listing.opt3 li .cnt-right {
		width: auto;
		padding: 0px;
		float: none;
		text-align: center;
	}
	ul.speak-listing.opt3 li .icon-quote {
		width: 28px;
		height: 28px;
		line-height: 28px;
		font-size: 12px;
		right: 0px;
	}
	.latest-stories .head-block {
		padding-bottom: 0px;
	}
	.latest-stories .head-block span {
		padding-bottom: 5px;
	}
	.blog-blocks .card {
		width: 100%;
		flex: inherit;
		margin-top: 30px;
	}
	.blog-blocks .card:first-child {
		margin-top: 0px;
	}
	.blog-blocks .card-body {
		padding: 30px 20px;
	}
	.blog-blocks .card.bg-none .card-body {
		padding-bottom: 0px;
	}
	.blog-blocks .card-body h3 {
		font-size: 18px;
		line-height: 26px;
	}
	.blog-blocks .card-body h4 {
		padding-bottom: 10px;
	}
	.blog-blocks .card figure img {
		width: 100%;
	}
	.brands {
		padding: 20px 0;
	}
	.signup-outer ul {
		padding-bottom: 30px;
	}
	.signup-outer ul li h4 {
		font-size: 14px;
		line-height: 20px;
	}
	.signup-form .email,
	.signup-form .password {
		width: 34%;
	}
	.signup-form .signup-btn {
		padding: 8px 30px;
	}
	.footer .bottom {
		padding: 15px 0;
		font-size: 11px;
		line-height: 18px;
	}
	.sided-item-wrapper h2,
	.generate-forms h2,
	.latest-stories.white {
		font-size: 26px;
		line-height: 36px;
	}
	.custom-opacity {
		padding: 0 18px;
	}
	.custom-opacity .frame {
		width: auto;
		padding: 0 15px;
		top: -23px;
		z-index: 0;
	}
	.custom-opacity .keyboard {
		max-width: 100%;
	}
	.custom-opacity .item {
		opacity: 1;
	}
	.custom-opacity #owl-career .owl-nav .owl-next {
		right: 5%;
	}
	.custom-opacity #owl-career .owl-nav .owl-prev {
		left: 5%
	}
	.inner-banner {
		min-height: inherit;
	}
	.inner-banner h1 {
		font-size: 26px;
	}
	.inner-banner p {
		font-size: 14px;
		line-height: 24px;
	}
	.inner-banner p span {
		display: inline;
	}
	.inner-banner .contents {
		padding: 40px 0px;
	}
	.who-we-are .row1 {
		padding-bottom: 30px;
	}
	.who-we-are .cnt-block {
		padding: 30px 0 0 0;
	}
	.plan-features-sec .container {
		width: 100%;
	}
	.tabs-vertical {
		width: 50%;
	}
	.tab-vertical-container {
		width: 50%;
	}
	.owl-feature .owl-nav .owl-prev,
	.owl-feature .owl-nav .owl-next {
		width: 30px;
		height: 30px;
	}
	.owl-feature .owl-nav .owl-prev {
		left: -40px;
	}
	.owl-feature .owl-nav .owl-next {
		right: -40px;
	}
	.features-carousel-sec {
		padding: 0 50px;
	}
	.plan-table-holder .table .head-block {
		max-width: 140px;
	}
	.plan-table-holder .table .get-started {
		font-size: 12px;
		font-weight: 500;
	}
	.plan-table-holder .table .head-block span {
		font-size: 20px;
	}
	.plan-table-holder .table tbody tr td,
	.plan-table-holder .table tfoot tr th,
	.plan-table-holder .table thead tr ht,
	.plan-table-holder .table thead th {
		min-width: 200px;
	}
	.heading-box {
		margin-bottom: 40px;
	}
	.tabs-vertical {
		display: none;
	}
	.vertical-tab-outer {
		padding-bottom: 40px;
	}
	.tab-vertical-container {
		width: 100%;
		border-radius: 5px;
	}
	.tab-vertical-content {
		display: block;
		padding: 20px 20px 40px;
		position: relative;
	}
	.tab-drawer-heading {
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.tab-drawer-heading {
		padding: 12px 20px;
		margin-bottom: 10px;
		background: none;
		border-radius: 0px;
		border: 1px #d6d6d6 solid;
		text-align: left;
	}
	.tab-drawer-heading:after {
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		content: "+";
		font-size: 26px;
		font-weight: 300;
		color: #00324c;
	}
	.tab-drawer-heading.active-item:after {
		content: "-";
	}
	.tab-drawer-heading:before {
		display: none;
	}
	.our-team-outer p,
	ul.team-listing li {
		padding-bottom: 30px;
	}
	.how-it-work-items figure,
	.how-it-work-items figure.right {
		text-align: center;
	}
	.how-it-work-items .content-area .text-area {
		width: 78%;
	}
	.how-it-work-items .row {
		padding-bottom: 50px;
	}
	ul.portfolio-filter {
		padding-bottom: 10px;
	}
	.popup-outer ul.popup-menu li {
		padding: 0 4px;
		margin-bottom: 10px;
	}
	ul.portfolio-filter li,
	#myTab .nav-item {
		margin-bottom: 10px;
	}
	ul.portfolio-filter li a:after,
	#myTab .nav-link:after {
		display: none;
	}
	.portfolio-outer ul.portfolio li .inner {
		border: 1px solid #fff;
	}
	.portfolio-outer .paging-block {
		padding: 20px 0 0;
	}
	.plan-table-holder .table .head-block {
		margin: 10px auto 0;
	}
	.plan-table-holder .table tbody tr td {
		padding: 10px 15px;
		font-size: 12px;
	}
	.plan-table-holder .table tbody tr:first-child td {
		padding-top: 60px;
	}
	.plan-table-holder .table tfoot tr th {
		padding: 20px 15px;
	}
	.plan-table-holder .table tbody tr td,
	.plan-table-holder .table tfoot tr th,
	.plan-table-holder .table thead tr ht,
	.plan-table-holder .table thead th {
		min-width: 180px;
	}
	.select-pricing-plan.padding-lg figure {
		padding-top: 20px;
	}
	.need-to-discuss .submit-form input {
		margin-bottom: 30px;
	}
	.more-features .img-holder a.play-btn {
		width: 72px;
	}
	.more-features .img-holder a.play-btn {
		font-size: 52px;
	}
	.heading-box {
		padding: 30px;
	}
	.advices-outer .search-outer {
		margin-bottom: 40px;
		border: 2px #57bce2 solid;
	}
	.advices-outer .search-outer input {
		height: 50px;
	}
	.advices-outer .search-outer .go-btn {
		width: 56px;
		height: 56px;
		font-size: 22px;
		margin: -1px;
	}
	ul.contact-list {
		margin-bottom: 20px;
	}
	ul.contact-list li {
		margin-bottom: 20px;
	}
	ul.contact-list li .inner {
		padding: 30px 20px;
	}
	ul.contact-list li .inner p {
		max-width: 200px;
		margin: 0 auto;
	}
	ul.contact-list li .inner .call,
	ul.contact-list li .inner a.mail-to {
		font-size: 14px;
	}
	ul.our-values li:last-child {
		padding-bottom: 0px;
	}
	ul.our-values li .icon span {
		font-size: 38px;
	}
	ul.our-values li,
	ul.our-values li:last-child {
		padding-bottom: 30px;
	}
	.download-box .top {
		padding: 20px 0;
	}
	.download-box .bottom {
		padding: 20px 0 40px;
	}
	.download-box .button-box a {
		margin: 0 5px !important;
	}
	.contact-wrapper-outer {
		background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(244, 246, 247) 50%) repeat scroll 0 0;
	}
	.contact-info-wrapper h3 {
		font-size: 22px;
	}
	.contact-wrapper-outer .container {
		width: 100%;
		max-width: 100%;
	}
	.contact-info-wrapper .contact-info {
		margin: 0;
	}
	.contact-info-wrapper .social-media-box {
		margin: 30px 0 0;
	}
	.contact-info-wrapper .social-media-box {
		text-align: left;
	}
	.contact-info-wrapper .social-media-box h6:before {
		display: none;
	}
	.contact-info-wrapper .social-media-box h6 span {
		padding: 0px;
	}
    ul.Product-listing li .sale-ribbon{
        font-size: 14px;
		right: 0px;
    }
    .shop-sidebar .search-outer,
    .filter-price{
        padding-bottom: 30px;
    }
    .product-categories{
        padding-bottom: 20px;
    }
    .product-detail{
        padding-top: 15px;
    }
    .product-detail h2, .related-products h2 {
        padding-bottom: 20px;
        font-size: 22px;
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {

	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 24px;
		line-height: 32px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 18px;
	}
	h6 {
		font-size: 16px;
	}
	.banner {
		min-height: 550px;
	}
	.banner .cnt-block .left {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.banner .left h1,
	.banner.banner2 .left h1 {
		font-size: 34px;
		line-height: 40px;
	}
	.banner .left p,
	.banner.banner2 .left p,
	.banner.slide3 .left p {
		font-size: 16px;
	}
	.banner.slide1 .cnt-block img {
		width: 48%;
	}
	.banner.slide2 .cnt-block {
		padding-bottom: 52px;
	}
	.banner.slide3 .cnt-block .left {
		padding-bottom: 30px;
	}
	.content-marketing .head-block p {
		font-size: 13px;
		line-height: 24px;
	}
	ul.marketing-list li h3 {
		font-size: 20px;
	}
	ul.features-listing li {
		width: 100%;
	}
	ul.features-listing li,
	ul.features-listing li:nth-last-child(2) {
		padding-bottom: 30px;
	}
	.generate-forms p {
		padding-bottom: 15px;
	}
	.provide-features ul.features-listing {
		padding-top: 20px;
	}
	.signup-form .email,
	.signup-form .password {
		width: 49%;
	}
	.signup-form .signup-btn {
		margin-top: 10px;
	}
	.advices-outer .search-outer {
		padding: 0 0 0 20px;
	}
	.advices-outer .search-outer input {
		height: 40px;
	}
	.advices-outer .search-outer .go-btn {
		width: 40px;
		height: 40px;
		font-size: 16px;
		margin: 0px;
	}
	.portfolio-outer ul.portfolio li {
		margin-bottom: 20px;
	}
	.mfp-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.how-it-work-items .content-area,
	.how-it-work-items figure {
		text-align: center;
		padding: 0 20px;
	}
	.how-it-work-items .content-area {
		padding: 0 20px 30px 20px;
	}
	.how-it-work-items .content-area .icon {
		margin: 0 auto 20px;
	}
	.how-it-work-items .content-area .text-area {
		display: block;
		width: 100%;
	}
	.box-hav-accnt p {
		font-size: 13px;
	}
	.how-it-work-items .content-area .icon span {
		width: 46px;
		height: 46px;
		font-size: 20px;
		line-height: 46px;
	}
	.owl-feature .owl-nav .icon-know-more-arrow {
		font-size: 34px;
	}
	.seo-reports .sided-item-wrapper {
		text-align: left;
	}
	.seo-reports .sided-item-wrapper .icon-tik-list li:before {
		top: 10px;
	}
	.custom-opacity .item figure {
		width: 97%;
	}
	.call-to-action .btn {
		height: 46px;
		font-size: 15px;
		line-height: 46px;
		padding: 0 20px;
	}
	.call-action-bar.gradient .btn {
		max-width: inherit;
		display: inline-block;
	}
	.download-box .button-box a {
		margin: 10px 5px 0 !important;
	}
	.contact-wrapper-outer {
		background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 57%, rgb(244, 246, 247) 57%) repeat scroll 0 0;
	}
    ul.Product-listing{
        margin-bottom: 10px;
    }
    .sku-outer ul li{
        display: block;
        padding-right: 0px;
    }
    .related-products .owl-nav div{
        top: -35px;
    }
    .related-products .owl-nav .owl-prev {
        left: 0px;
    }
    .related-products .owl-nav .owl-next {
        right: 0px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {

	.banner {
		min-height: 480px;
	}
	.banner.solid-bg,
	.banner.gradient-bg {
		min-height: 440px;
		margin-bottom: 70px;
	}
	.banner .left h1 {
		font-size: 30px;
		line-height: 38px;
	}
	.banner.banner3 .cnt-block {
		padding-bottom: 30px;
	}
	.banner.slide3 .cnt-block {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.banner.banner5 .left h1 {
		font-size: 28px;
	}
	.simple-editor .right a.play-btn {
		width: 62px;
		font-size: 50px;
		margin: -48px auto 0;
	}
	.simple-editor .right a.play-btn2 {
		width: 50px;
		left: -74px;
		font-size: 40px;
		margin: -42px auto 0;
	}
	.portfolio-outer ul.portfolio li {
		max-width: 100%;
	}
    ul.Product-listing li{
        max-width: none;
        flex: auto;
        margin-bottom: 20px;
    }
    .product-gallery .left {
        width: calc(100% - 70px);
    }
    .product-gallery .thub-outer{
        width: 70px;
    }
    .product-gallery .thub-outer a{
        width: 70px;
    }
    .product-detail .price{
        font-size: 26px;
    }
    .related-products{
        padding-top: 30px;
    }
}

/* Landscape iPhone 6 Plus */
@media (max-width: 414px) {

	h1 {
		font-size: 26px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 16px;
	}
	h6 {
		font-size: 14px;
	}
	.banner {
		min-height: 460px;
	}
	.banner.solid-bg,
	.banner.gradient-bg {
		min-height: 420px;
		margin-bottom: 60px;
	}
	.banner.banner3 {
		min-height: 438px;
	}
	.banner.slide3 .cnt-block .left {
		padding-top: 0px;
		padding-bottom: 16px;
	}
	.banner.banner5 .left h1 {
		font-size: 24px;
	}
	.simple-editor .right a.play-btn2 {
		left: -59px;
		margin: -32px auto 0;
	}
	.signup-form .email {
		width: 100%;
		margin-bottom: 25px;
	}
	.custom-opacity .frame {
		top: -13px;
	}
	.custom-opacity .item figure {
		border-width: 3px;
	}
}
	
/* Landscape iPhone 6 */
@media (max-width: 375px) {
	
	.banner {
		min-height: 450px;
	}
	.banner.solid-bg,
	.banner.gradient-bg {
		min-height: 390px;
	}
	.banner .left h1 {
		font-size: 26px;
		line-height: 32px;
	}
	.banner .cnt-block .left {
		padding-top: 20px;
	}
	.banner.banner3 {
		min-height: 418px;
	}
	.banner.banner3 .cnt-block {
		padding-bottom: 40px;
	}
	.banner.slide3 .cnt-block {
		padding-bottom: 55px;
	}
	.banner5 .fixed-txt {
		display: none;
	}
	ul.counter-listing li span {
		font-size: 36px;
		line-height: 26px;
	}
	ul.counter-listing li .sub-title {
		font-size: 12px;
	}
	.login-form-holder input {
		height: 38px;
		line-height: 38px;
	}
	.generate-forms ul.counter-listing li span {
		font-size: 34px;
	}
}

/* iPhone 4 */
@media (max-width: 320px) {

	.banner .left h1 {
		font-size: 24px;
	}
}
@media (max-width: 767px) {
.sided-item-wrapper .left-sided-full-image {
    width: 100% !important;
    height: auto;
    position: relative;
}
.sided-item-wrapper .left-sided-full-image img {
    width: 100%;
    height: auto;
}
.sided-item-wrapper .right-sided-full-image {
    width: 100% !important;
    height: auto;
    position: relative;
}
.sided-item-wrapper .right-sided-full-image img {
    width: 100%;
    height: auto;
}
}