* {
  -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
  color-adjust: exact !important;  /*Firefox*/
}

.mobile-video-filter {
	padding: 20px 0;
}
.mobile-video-filter .dropdown-menu {
	padding: 0;
	margin: 0;
	width: 100%;
}
.mobile-video-filter .dropdown-item {
	padding: 10px 15px;
	border-bottom: 1px solid #d2d2d2;
}
.mobile-video-filter .dropdown-item.active, .mobile-video-filter .dropdown-item:active {
	background-color: #608fff;
}
.btn.mobile-video-dropdown {
	display: block;
	border: 1px solid #d9dada;
	background: #fafafa;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
	color: #6f7070;
	font-size: 16px;
	padding: 9px 15px;
}
.btn.mobile-video-dropdown.dropdown-toggle:after {
	float: right;
	margin-top: 9px;
	border-width: 6px;
}
.view-video video, .view-video .video-js {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  height: 100%;
  width: 100%;
  object-fit: cover;
  background: #000;
}

.view-video:hover video, .view-video:hover .video-js {
  display: block;
}

.video-js video {
    display: block;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
}
.video-js .vjs-tech {
	top: 50%;
    left: 50%;
}
.video-js .vjs-control-bar {
	z-index: 1;
}

.view-video {
  position: relative;
  height: 310px;
  overflow: hidden;
  display: block;
  clear: both;
}

.view-video a {
  display: block;
  height: 100%;
}

.view-video.video-player {
  height: inherit;
}


.video-banner .template-gallery-banner {
	padding: 155px 70px 70px;
}
.video-banner-info {
	max-width: 450px;
}
.video-banner-info h1 {
  color: #ffd800;
  font-size: 60px;
  line-height: 66px;
}
.video-banner-info h2 {
  margin-bottom: 30px;
  font-size: 55px;
  line-height: 62px;
  font-weight: 600;
  color: #ffffff;
  text-shadow: 1px 1px 1px #656565;
}
.video-banner-info p {
  font-size: 19px;
  line-height: 28px;
  color: #e2e9fc;
}
.video-banner-image {
	max-width: 1800px;
	position: relative;
}
.video-banner-image:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.08);
	opacity: 0;
	content: "";
	-webkit-transition: all ease .4s;
	-ms-transition: all ease .4s;
	transition: all ease .4s;
	z-index: 1;
}
.video-banner-image:hover:after {
	opacity: 1;
}
.video-banner-image > img {
	border: 5px solid #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.video-play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 120px;
	line-height: normal;
	color: rgba(0, 0, 0, 0.7);
	transform: translateX(-50%) translateY(-50%);
	z-index: 2;
}
.video-banner-image:hover .video-play-icon {
	color: #608fff;
}
.c2o-video-list {
	padding: 0 70px 40px;
}
.video-filter {
	padding: 30px 0;
	text-align: center;
}
.video-filter a {
	display: inline-block;
	padding: 8px 10px;
	border: 1px solid #d9dada;
	color: #6f7070;
	border-radius: 4px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	min-width: 150px;
	margin: 0 8px 11px;
}
.video-filter a.active, .video-filter a:hover{
	color: #4d61c4;
	border-color: #4d61c4;
}
.video-item {
	height: calc(100% - 30px);
	padding: 8px;
	margin-bottom: 30px;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.video-item-image {
	position: relative;
}
.video-item-image:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 0;
	-webkit-transition: all ease .4s;
	-ms-transition: all ease .4s;
	transition: all ease .4s;
	z-index: 1;
}
.video-item:hover .video-item-image:after {
	opacity: 1;
}
.video-item-image img {
	width: 100%;
	height: 310px;
	object-fit: cover;
	object-position: top;
}
.video-time {
	display: inline-block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	padding: 2px 8px;
	background: #030303;
	border-radius: 3px;
	color: #fff;
	font-weight: 500;
}
.video-item-info {
	padding: 35px 20px 20px;
}
.video-item-info h3 {
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 13px;
}
.video-item-info h3 a {
	color: #030303;
}
.video-item-info h3 a:hover {
	color: #4b7aee;
}
.video-item-link {
	display: inline-block;
	padding: 7px 8px;
	border: 1px solid #d9dada;
	color: #6f7070;
	border-radius: 4px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	min-width: 150px;
	text-align: center;
	margin-top: 5px;
}
.video-item-link:hover{
	color: #4d61c4;
	border-color: #4d61c4;
}




.action-components {
	padding-bottom: 35px;
}
.action-components span {
	display: block;
	font-size: 16px;
	font-weight: 500;
	padding-top: 10px;
}
.action-components a img {
	width: 100%;
	height: 100px;
	object-fit: cover;
	object-position: top;
}
/* Unsubscribe css*/
	
	.unsubscribed-wrap {
  background: #fff;
  border-radius: 8px;
  max-width: 800px;
  margin: 50px auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.unsubscribed-wrap .alert {
  text-align: left;
}
.unsubscribed-wrap .custom-control-label:before, .unsubscribed-wrap .custom-control-label:after {
	width: 20px;
	height: 20px;
}
.unsubscribed-wrap .custom-control-label {
  padding-left: 30px;
  padding-top: 2px;
}
.unsubscribe-inner {
  text-align: left;
}
.unsubscribe-inner .unsubscribe-title {
  margin-bottom: 5px;
}
.unsubscribe-title {
  margin-bottom: 10px;
  line-height: 32px;
  font-size: 18px;
}
.unsubscribe-box {
  padding: 35px;
  border-bottom: 1px solid #e6e6e6;
}
.unsubscribe-box .form-check-inline {
  margin: 6px 0;
}
.uncheck-all {
  font-size: 18px;
  color: #0698c7;
  display: inline-block;
  margin-top: 25px;
}
.uncheck-all:hover {
  color: #f49716;
}
.unsubscribe-step-two textarea.form-control {
	height: 130px;
}
.unsubscribe-step-two .custom-control {
  margin: 10px 0;
}
.unsubscribed-wrap .unsubscribe-step-two .form-check {
  margin: 8px 0;
}
.unsubscribed-wrap .unsubscribe-step-two .form-check-label:after {
  top: 2px;
  left: -28px;
  content: "";
  background: #048361;
  border-radius: 100%;
}
.unsubscribed-wrap .unsubscribe-step-two .form-group label {
  color: #666666;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
}
.unsubscribe-box .unsubscribe-btn {
  width: 100%;
  font-size: 18px;
  padding: 9px 15px 10px;
  background: #e3af30;
  color: #fff;
}
.unsubscribe-box .unsubscribe-btn:hover {
	background: #b5891f;
  	color: #fff;
}
.login-title .form-control {
  height: 48px;
  border-radius: 4px;
}
.btn.submit-unsubsribe {
  min-width: 160px;
}
.login-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    font-size: 22px;
    z-index: 1;
    margin-bottom: 0;
    line-height: 20px;
    color: #fbb655;
}
.login-title {
  position: relative;
}
.login-title .form-control, .login-form .form-control {
    padding-left: 42px;
}
/* Unssubscribe css ends*/
.cto-video-modal .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 39px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 100%;
  border: none;
  z-index: 9;
}
.cto-video-modal .btn-close::before, .cto-video-modal .btn-close::after {
  position: absolute;
  top: 8px;
  left: 19px;
  content: " ";
  height: 24px;
  width: 2px;
  background-color: #333333;
}
.cto-video-modal .btn-close::before {
  transform: rotate(-45deg);
}
.cto-video-modal .btn-close::after {
  transform: rotate(45deg);
}
.cto-video {
	position: fixed;
	bottom: 60px;
	right: 15px;
	width: 150px;
	height: 150px;
	cursor: pointer;
	border-radius: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	z-index: 9999;
}
.video-image {
	border: 5px solid #fff;
	border-radius: 100%;
}
.cto-video:hover .play-icon {
	opacity: 0.7;
}
.play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 45px;
	transform: translateX(-50%) translateY(-50%);
	opacity: 0.5;
	transition: all ease .4s;
	z-index: 1;
}
.blog-subscribe .alert-danger, .blog-subscribe #blog-subs-message {
	margin-top: -15px;
}
#blog-subs-message {
	display: none;
}
.blog-subscribe {
	padding: 30px 25px;
	margin: 30px 0 45px;
	background-color: #273d73;
	background-image: url(../images/blog-subscribe-bg.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 6px;
}
.blog-subscribe h2 {
	margin-bottom: 11px;
	color: #fffbb9;
	font-size: 30px;
	font-weight: 600;
}
.blog-subscribe h6 {
	font-size: 16px;
	color: #d6d6d6;
	line-height: 26px;
	font-weight: 500;
}
.blog-subscribe p {
	font-size: 15px;
	line-height: 25px;
	color: #969db3;
	font-weight: 500;
	margin-bottom: 0;
}
.blog-subscribe p a {
	color: #507ce8;
	display: inline-block;
}
.blog-subscribe p a:hover {
	color: #fdcc35;
}
.subscribe-form {
	display: flex;
	align-items: end;
	padding: 18px 0 30px;
}
.subscribe-form .form-group {
	width: 100%;
}
.subscribe-form .form-control {
	background: #fffdf5;
	height: 46px;
	border: none;
}
.subscribe-form label {
	color: #fefde8;
	font-size: 18px;
}
.subscribe-form .btn {
	font-weight: 500;
	height: 46px;
	margin-left: 13px;
	background: #507ce8;
	border-color: #507ce8;
}
.subscribe-form .btn:hover {
	background: #3d66ca;
	border-color: #3d66ca;
}




.auto-pilot {
	padding: 85px 0 90px;
	background-color: #054181;
	background-image: url(../images/auto-pilot-bg.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.auto-pilot-wrap {
	max-width: 1330px;
    margin: 0 auto;
}
.auto-title {
	text-align: center;
}
.auto-title h2 {
  color: #efdf90;
  padding-bottom: 10px;
}
.auto-title h6 {
	color: #c6e6bb;
}
.auto-title h6 span{
	color: #ffcc00;;
}
.auto-item {
	min-height: 255px;
	padding: 90px 20px 25px;
	background-color: rgba(0, 0, 0, 0.4);
	max-width: 550px;
	margin: 110px auto 0;
	position: relative;
	text-align: center;
	border-radius: 5px;
}
.auto-item h4 {
	margin-bottom: 15px;
	color: #ffebad;
	font-size: 24px;
}
.auto-item p {
	font-size: 16px;
	line-height: 28px;
	color: #fff;
}
.auto-item-icon {
	position: absolute;
	top: -55px;
	left: 50%;
	display: flex;
	width: 110px;
	height: 110px;
	margin: 0 auto;
	background-color: #ebc44c;
	border-radius: 100%;
	text-align: center;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transform: translateX(-50%);
	z-index: 1;
}
.auto-item-icon img {
	width: 60px;
}




.modal.website-need {
	background: rgba(0, 0, 0, 0.4);
} 
.c2o-topbar .dropdown-toggle {
	font-size: 28px;
	color: #608fff;
	line-height: 30px;
}
.c2o-topbar .dropdown-toggle::after {
	display: none;
}
.c2o-topbar .dropdown-menu {
	min-width: 280px;
	background: #3b7cf6;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	padding: 5px 15px;
}
.dropdown-menu .topbar-links a {
	color: #fff;
	margin: 7px 0;
}

.topbar-links a {
	display: inline-block;
	position: relative;
}
.topbar-links a::after {
	display: inline-block;
	content: "|";
	margin: 0 8px 0 10px;
	color: #355192;
	font-weight: 500;
}
.topbar-links a:last-child::after {
	display: none;
}
.payment-table .table-responsive {
	padding: 0 5px;
}
.c2o-payment {
	padding: 45px 0;
}
.payment-card {
	margin-bottom: 30px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	overflow: hidden; 
}
.payment-card h3 {
	border-bottom: 1px solid #dddddd;
	color: #d86b2f;
	font-size: 22px;
	margin: 0;
	padding: 15px 20px;
	background: #fcfcfc;
	font-weight: 500;
	position: relative;
}
.payment-card-inner {
	padding: 25px 20px 15px;
}
.payment-card-inner .payment-btn {
  text-align: left;
}
.payment-card-inner .payment-btn .btn-primary, .payment-card-inner .payment-btn .btn-light {
	min-width: 150px;
	padding: 11px 20px;
	font-size: 16px;
}
.payment-card-inner .payment-btn .btn-light {
	margin-right: 10px;
}
.payment-card-inner label {
	display: block;
	color: #484848;
}
.payment-card-inner .select2-container {
	width: 100% !important;
}
.payment-card-inner .form-group {
  margin-bottom: 22px;
}
.payment-card-inner .form-control {
	height: 48px;
	background-color: #fffef3;
	border-color: #dcdcdd;
}
.payment-card-inner .select2-container--default .select2-selection--single {
	background-color: #fffef3;
	border: 1px solid #dcdcdd;
	border-radius: 4px;
	height: 48px;
	padding: 8px 20px 8px 8px;
}
.payment-card-inner .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 48px;
	right: 5px;
}
.card-top-label {
	line-height: 30px;
	font-weight: 500;
	margin-bottom: 30px;
}
.payment-sidebar-card {
	margin-bottom: 30px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	overflow: hidden;
}
.payment-sidebar-card h4 {
	margin: 0;
	border-bottom: 1px solid #dddddd;
	color: #717171;
	padding: 15px;
	font-size: 20px;
	background: #f7f7f7;
}
.payment-sidebar-card h4 img {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 4px 0 0;
}
.payment-information ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.payment-information ul li {
	padding: 15px;
	border-bottom: 1px solid #dddddd;
	position: relative;
}
.payment-information ul li:last-child {
	border-bottom: none;
}
.payment-information ul li span {
	display: block;
	padding-bottom: 3px;
	text-transform: uppercase;
	font-size: 14px;
	color: #656565;
	font-weight: 500;
}
.payment-information ul li h5 {
	color: #656565;
	margin: 0;
	font-size: 18px;
	font-weight: 500;
}
.payment-popup {
	display: inline-block;
	text-transform: uppercase;
	color: #3e7ceb;
	font-weight: 600;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	z-index: 1;
}
.vendor-information-label {
	margin: 0;
	padding: 13px 15px;
	font-size: 16px;
	font-weight: 500;
	color: #656565;
}
.vendor-information-label span {
	color: #d75454;
}
.vendor-information {
	padding: 20px 15px 13px;
	background-color: #fefcf0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.vendor-information h5 {
	font-size: 18px;
	color: #73736f;
}
.vendor-item {
	padding: 8px 0;
	overflow: hidden;
}
.vendor-item i {
	min-width: 30px;
	float: left;
}
.vendor-item .mdi-map-marker {
	color: #71b36c;
	font-size: 24px;
	line-height: 26px;
}
.vendor-item .mdi-phone {
	color: #f4ac45;
	font-size: 21px;
	line-height: 21px;
}
.vendor-item .mdi-email {
	color: #51a3d7;
	font-size: 20px;
	line-height: 20px;
}
.vendor-item span {
	overflow: hidden;
	display: block;
	color: #73736f;
	font-size: 16px;
	font-weight: 500;
}
.payment-table table {
	border-collapse: revert;
	border-spacing: 0 20px;
}
.payment-table table thead th {
	padding: 0 20px; 
	text-transform: uppercase; 
	color: #796e62;
	font-weight: 500; 
	font-size: 14px;
}
.payment-table table tbody tr {
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
	border-radius: 5px;
}
.payment-table table tbody td {
	padding: 20px;
}
.payment-table table tbody td h4 {
	margin: 0 0 5px; 
	color: #4499db; 
	font-size: 18px; 
	font-weight: 500;
}
.payment-table table tbody td:last-child h4 {
	color: #6b6b6b;
}
.payment-table table tbody td p {
	margin: 0; 
	font-size: 15px; 
	line-height: 22px; 
	color: #5b5b5b; 
	max-width: 320px;
}
.payment-table table tbody td span {
	width: 25px; 
	height: 25px; 
	background: #b2b2b2; 
	color: #fff; 
	border-radius: 100%; 
	display: inline-block; 
	text-align: center; 
	text-transform: uppercase; 
	font-size: 11px; 
	margin: 3px 0 3px 25px;
	line-height: 24px;
}

.payment-information-modal .modal-header {
  position: relative;
  background: #009be1;
  color: #ffffff;
}
.payment-information-modal .modal-header h5 {
  font-size: .975rem;
  font-weight: 400;
}
.payment-information-modal .modal-header .close {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  border: none;
  color: #fff;
  opacity: 1;
  text-shadow: none;
  font-size: 22px;
}
.payment-information-modal .modal-body {
  background-color: #fcfbf7;
}
.payment-btn {
	text-align: right;
}
.payment-btn .btn-primary {
	min-width: 280px;
	padding: 12px 20px;
	font-size: 18px;
	position: relative;
}
.payment-btn .btn-primary i {
	position: absolute;
	top: 50%;
	right: 15px;
	font-size: 25px;
	transform: translateY(-50%);
	z-index: 1;
}
.save-information h6 {
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
}
.save-information h6 span {
	font-weight: 400;
	color: #333;
}
.save-information p {
	color: #747474;
}
.payment-edit {
	position: absolute;
	top: 50%;
	right: 15px;
	z-index: 1;
	padding: 7px 15px;
	background: #fff;
	border: 1px solid #e0e2e4;
	border-radius: 3px;
	color: #6e757c;
	transform: translateY(-50%);
	font-size: 16px;
}
.payment-edit i {
  color: #feb849;
  margin-right: 2px;
}

.pricing-blur {
	filter: blur(7px);
}
.pricing-banner {
	padding-top: 175px;
	background: url(../images/template-gallery-banner.jpg) no-repeat 100% 0 #fff;
	background-size: auto;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
.pricing-banner-info h2 {
	margin-bottom: 25px;
	color: #fff;
	font-size: 55px;
}
.pricing-banner-info p {
	color: #fff;
	font-size: 16px;
	line-height: 28px;
}
.pricing-tab-label {
	display: inline-block;
	padding: 10px 45px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 30px;
	font-size: 18px;
	position: absolute;
	top: -24px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.pricing-tab {
	padding: 90px 0 0;
	background-color: rgba(30, 49, 95, 0.9);
	text-align: center;
	margin-top: -100px;
	position: relative;
	z-index: 1;
}
.pricing-tab .nav-tabs .nav-item .nav-link {
	display: inline-block;
	background-color: transparent;
	margin: 0 !important;
	text-align: center;
	padding: 0 0 60px;
	position: relative;
}
.pricing-tab .nav-tabs .nav-item .nav-link:before {
	position: absolute;
	top: 10px;
	left: -50px;
	width: 190px;
	height: 190px;
	content: "";
	background-image: url(../images/pricing-tab-bg-icon.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 190px auto;
	pointer-events: none;
	z-index: -1;
}
.pricing-tab .nav-tabs .nav-item:last-child .nav-link:before {
	background-image: url(../images/pricing-tab-bg-icon2.png);
}
.pricing-tab .nav-tabs .nav-item .nav-link:after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
	transform: translateX(-50%);
    border-width: 11px;
    border-style: solid;
	opacity: 0;
	transition: all ease .4s;
    border-color: transparent transparent #ffffff transparent;
}
.pricing-tab .nav-tabs .nav-item .nav-link.active:after {
	opacity: 1;
}
.pricing-tab .nav-tabs .nav-item .nav-link.active {
	background-color: transparent;
	color: #f6c845;
}
.pricing-tab .nav-tabs .nav-item .nav-link:hover {
	background-color: transparent;
	color: #f9e7b4;
}
.pricing-tab .nav-tabs .nav-item .nav-link:hover .pricing-tab-icon {
	border-color: #4b7aee;
	color: #4b7aee;
}
.pricing-tab .nav-tabs {
	margin-top: 0;
}
.pricing-tab .nav-tabs .nav-item .nav-link.active .pricing-tab-icon {
	background-color: #4b7aee;
	color: #ffffff;
}
.pricing-tab-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 75px;
	height: 75px;
	margin: 0 auto;
	background-color: #ffffff;
	color: #e4e4e4;
	font-size: 40px;
	transition: all ease .4s;
	border: 4px solid transparent;
	border-radius: 100%;
}
.pricing-tab-title {
	display: block;
	max-width: 250px;
	margin: 15px auto 0;
	font-size: 20px;
	line-height: 28px;
}
.pricing-tab-info {
	padding: 30px 0;
	background-color: #fffff8;
}
.pricing-tab-info .tab-pane {
	background-color: transparent;
}
.pricing-tab-info .tab-content {
	min-height: 10px;
}
.price-item {
	padding: 35px 0;
	border-bottom: 1px solid #ccccc6;
}
.price-item:last-child {
	border-bottom: none;
}
.price-item h5 {
	color: #333332;
	font-size: 22px;
	position: relative;
	padding-left: 45px;
}
.price-item h5 span {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #e5e5df;
	background-color: #fff;
	border-radius: 100%;
	text-align: center;
	font-size: 16px;
	vertical-align: middle;
	line-height: 28px;
	margin-right: 10px;
	margin-top: -3px;
	color: #666;
	z-index: 1;
}



.price-item-info {
	padding: 15px 0 0 45px;
}
.price-item-info label {
	padding: 8px 0 8px 35px;
	position: relative;
	margin-right: 70px;
	cursor: pointer;
	font-size: 20px;
	color: #333332;
}
.price-item-info label:last-child {
	margin-right: 0;
}
.price-item-info label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.price-item-info.check-list-two label {
	display: block;
	margin-right: 0;
}
.price-item-info.check-list-two .radio-check {
	border-radius: 3px;
}
.price-item-info.check-list-two .radio-check::after {
	top: -2px;
	left: -1px;
	width: auto;
	height: auto;
	border-radius: 0;
	content: "\F12C";
	font: normal normal normal 22px/1 "Material Design Icons";
	  font-size: 22px;
	font-size: inherit;
	text-rendering: auto;
	background: transparent;
	color: #fff;
}
.price-item-info.check-list-two label input:checked ~ .radio-check {
	top: 12px;
	border-radius: 3px;
}
.tab-pane .price-item-info textarea.form-control {
	height: 150px;
	padding: 14px;
	font-size: 18px;
	resize: none;
	max-width: 800px;
}
.radio-check {
  position: absolute;
  top: 11px;
  left: 0;
  height: 22px;
  width: 22px;
  border: 2px solid #9d9d9d;
  background-color: #ffffff;
  border-radius: 50%;
}
.price-item-info label input:checked ~ .radio-check {
  border-color: #4b7aee;
  background-color: #4b7aee;
}
.radio-check:after {
  content: "";
  position: absolute;
  display: none;
}
.price-item-info label input:checked ~ .radio-check:after {
  display: block;
}
.radio-check:after {
	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.pricing-btns {
	padding-top: 35px;
}
.pricing-btns .btn {
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: .5px;
	line-height: 1.5;
	display: inline-block;
	padding: 13px 15px;
	min-width: 130px;
	font-size: 14px;
	color: #737373;
	border-color: #e0e2e4;
	background-color: #ffffff;
	border-radius: .15rem;
}
.pricing-btns .btn:hover, .pricing-btns .btn:focus {
	color: #2866d6;
	border-color: #2866d6;
	background-color: #ffffff;
}
.tab-pane .pricing-btns .btn-primary, .pricing-btns .btn-primary {
	border-color: #3579f6;
	background-color: #3579f6;
	color: #fff;
	padding: 13px 15px;
	min-width: 130px;
	font-size: 14px;
	margin-left: 15px;
}
.pricing-btns .btn-primary:hover {
	border-color: #2866d6;
	background-color: #2866d6;
	color: #fff;
}
.pricing-modal .modal-content {
	border: none;
}
.pricing-modal .modal-header {
	position: relative;
	background: #009be1;
	color: #ffffff;
}
.pricing-modal .modal-header h5 {
	font-size: .975rem;
	font-weight: 400;
}
.pricing-modal .modal-dialog {
	max-width: 715px;
}
.pricing-modal .modal-header .close {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  border: none;
  color: #fff;
  opacity: 1;
  text-shadow: none;
  font-size: 22px;
}
.thank-you-image {
	text-align: center;
}
.modal-footer.pricing-btns {
	padding: 10px 25px;
	background: #f7f7f7;
}
.pricing-modal .modal-body .form-control {
	height: 48px;
}
.pricing-modal:not(.website-need) .modal-body {
	padding: 50px 25px 10px;
	text-align: center;
	background-color: #fcfbf7;
}
.pricing-modal:not(.website-need) .modal-body h4 {
	margin: 25px 0 10px;
	font-size: 18px;
}
.pricing-modal:not(.website-need) .modal-body .form-group {
	text-align: left;
}
.pricing-modal .modal-body p {
	margin-bottom: 25px;
	font-size: 16px;
	line-height: 28px;
}
.pricing-modal.website-need .modal-dialog {
  max-width: 550px;
}


.website-need-icon i {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	border: 1px solid #e7e7e7;
	border-radius: 100%;
	font-size: 18px;
	line-height: 28px;
	color: #f1f1f1;
	background: #fff;
	transition: all ease .4s;
}
.website-need-item {
	cursor: pointer;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}



.website-need-item:hover .website-need-info {
	border-color: #c9e5f3;
}
.website-need-item:hover .website-need-hover-icon {
	opacity: 1;
}
.website-need-item:hover .website-need-info h4 {
	color: #568da7;
}
.website-need-item:hover .website-need-icon i {
	color: #a5bfcb;
}

.website-need-item.selected .website-need-info {
	border-color: #ffe2b3;
}
.website-need-item.selected .website-need-hover-icon {
	opacity: 0;
}
.website-need-item.selected .website-need-selected-icon {
	opacity: 1;
}
.website-need-item.selected .website-need-info h4 {
	color: #343434;
}
.website-need-item.selected .website-need-icon i {
	background-color: #3a7cf6;
	color: #fff;
	border-color: transparent;
}


.website-need-info {
	padding: 18px;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	margin-left: 35px;
	width: 100%;
	transition: all ease .4s;
	border: 1px solid transparent;
}
.website-need-info h4 {
	display: table-cell;
	vertical-align: middle;
	font-size: 18px;
	padding: 0 0 0 20px;
	line-height: 24px;
	transition: all ease .4s;
}
.website-need-info-icon {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.website-need-info-icon img {
	min-width: 60px;
}
.website-need-hover-icon, .website-need-selected-icon {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all ease .4s;
	z-index: 1;
}
.pricing-modal.website-need .modal-body {
  padding: 30px 25px 0;
}







.contact-learn-more-link {
	display: inline-block;
	font-size: 18px;
	color: #3b77e6;
	margin-top: 10px;
}
.contact-learn-more-link i {
	font-size: 22px;
	line-height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-left: -4px;
	transition: all ease .4s;
}
.contact-learn-more-link:hover {
	color: #114ab4;
}
.contact-learn-more-link:hover i {
	color: #284074;
}
.c2o-topbar {
	padding: 0 70px;
	background: #192749;
	color: #608fff;
	font-size: 16px;
	position: relative;
	z-index: 99;
}
.c2o-topbar a {
	color: #608fff;
}
.c2o-topbar a:hover {
	color: #8dafff;
}
.c2o-topbar a:focus {
	color: #608fff;
}
.topbar-help {
	position: relative;
}
.topbar-help-link {
	display: inline-block;
	padding: 6px 15px;
	color: #608fff;
}
.topbar-help-link span {
	display: inline-block;
	position: relative;
	margin-right: 6px;
	top: -2px;
}
.topbar-help-link span img {
	display: inline-block;
	vertical-align: middle;
	transition: all ease .4s;
}
.topbar-help-hover {
	position: absolute;
	top: 4px;
	left: 0;
	opacity: 0;
	z-index: 1;
}
.topbar-help-link:hover .topbar-help-hover {
	opacity: 1;
}
.topbar-help-link.active {
	background-color: #fff;
	color: #608fff !important;
}
.topbar-help-wrap {
	position: absolute;
	top: 120%;
	right: 0;
	text-align: left;
	width: 460px;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 9px 10px rgba(0, 0, 0, 0.2);
	border-radius: 0 0 5px 5px;
	transition: all ease .4s;
	z-index: 1;
}
.topbar-help-wrap.open {
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.topbar-help-wrap-inner {
	padding: 25px;
}
.topbar-help-wrap .form-control {
	height: 46px;
}
.topbar-help-wrap textarea.form-control {
	height: 140px;
	resize: none;
}
.topbar-help-wrap label {
	color: #212529;
}
.topbar-help-form .select2-container .select2-selection--single {
	height: 46px;
}
.topbar-help-form .select2-container--default .select2-selection--single {
	border-color: #ced4da;
}
.topbar-help-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 8px 25px 8px 10px;
}
.topbar-help-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-width: 8px 6px 0 6px;
	margin-left: -10px;
	margin-top: 5px;
}
.topbar-help-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-width: 0 6px 8px 6px;
}
.topbar-help-wrap .country-code {
	padding-right: 0;
	padding-left: 0;
	width: 100%;
}
.topbar-help-footer {
	padding: 20px 25px;
	background: #f7f7f7;
	border-radius: 0 0 5px 5px;
	text-align: center;
}
.topbar-help-btn {
	display: inline-block;
	min-width: 120px;
	padding: 11px 15px;
	margin: 0 5px;
	background-color: #3579f6;
	color: #fff;
	font-size: 16px;
	border: 1px solid transparent;
	border-radius: 3px;
	transition: all ease .4s;
}
.topbar-help-btn:hover, .topbar-help-btn:focus {
	background-color: #2463d8;
	color: #fff;
}
.topbar-help-btn.white-btn {
	background-color: #fff;
	color: #333333;
	border-color: #e0e1e4;
}
.topbar-help-btn.white-btn:hover, .topbar-help-btn.white-btn:focus {
	background-color: #f2f2f2;
	color: #333333;
}
.topbar-help-thinkyou {
	padding: 30px 0;
	text-align: center;
}
.topbar-help-thinkyou p {
	margin: 15px 0 0;
}

.support-modal .modal-dialog {
	max-width: 980px;
}
.support-modal .modal-content {
	border: none;
}
.support-modal .modal-header {
	background: #4975db;
	justify-content: center;
	padding: 13px 25px;
	border-bottom: none;
	text-align: center;
}
.support-modal .modal-title {
	font-size: 20px;
	color: #fff;
	font-weight: 400;
}
.support-modal-item {
	min-height: 130px;
	padding: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
}
.support-modal-item h6 {
	font-weight: 600;
	margin-bottom: 3px;
	font-size: 18px;
	line-height: 24px;
}
.support-modal-item p {
	font-weight: 400;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 24px;
}
.support-modal-item p span {
	display: inline-block;
	color: #4975db;
}
.support-modal-icon {
	margin-top: 8px;
	float: left;
}
.support-modal-info {
	overflow: hidden;
	padding-left: 15px;
}
.support-top-info {
	padding: 35px 25px 30px;
}
.support-top-info h5 {
	text-align: center;
	margin-bottom: 30px;
	color: #676767;
	font-weight: 400;
}
.support-middle-info {
	padding: 20px 25px;
	background-color: #f7f7f7;
	text-align: center;
}
.support-middle-info h5 {
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 500;
}
.support-middle-info p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
}
.support-bottom-info {
	padding: 25px 25px;
	text-align: center;
}
.support-bottom-info p {
	font-weight: 400;
	margin-bottom: 25px;
	font-style: italic;
	font-size: 16px;
}
.help-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	cursor: pointer;
	z-index: 1;
}
.help-wrap img {
	float: left;
}
.help-wrap-info {
	overflow: hidden;
	padding: 3px 0 0 15px;
}
.help-wrap-info h4 {
	font-size: 16px;
	color: #c4d0f8;
	margin: 0 0 2px;
	font-weight: 400;
}
.help-wrap-info a {
	display: inline-block;
	color: #fff;
	font-weight: 500;
	font-size: 20px;
}
.help-wrap-info a:hover, .help-wrap-info a:focus {
	color: #ffd033;
}
.help-wrap-info a i {
	font-size: 26px;
	line-height: 26px;
	display: inline-block;
	vertical-align: middle;
}
.help-item {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 600px;
	padding: 25px;
	cursor: pointer;
	background-color: #e6f0f2;
	border: 1px solid #c0d9de;
	border-radius: 7px;
	transition: all ease .4s;
}
.help-item:hover {
	background-color: #d8f0f4;
	border-color: #c0d9de;
}
.help-item h4 {
	font-size: 26px;
	margin: 30px 0 13px;
	transition: all ease .4s;
}
.help-item:hover h4 {
	color: #1f83b7;
}
.help-item:hover .help-hover-image {
	opacity: 1;
}
.help-item:hover .help-default-image {
	opacity: 0;
}
.help-item-image {
	position: relative;
}
.help-item-image img {
	transition: all ease .4s;
}
.help-hover-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
}
.help-item p {
	margin-bottom: 0;
	color: #454848;
	font-size: 18px;
	line-height: 32px;
}
.help-btn {
	display: inline-block;
	vertical-align: middle;
	min-width: 275px;
	background-color: #407ff0;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	padding: 14px 20px;
	border-radius: 5px;
	border: none;
}
.help-btn:hover {
	background-color: #3f64bc;
	color: #feebbf;
}
.help-btn:hover i {
	color: #3f64bc;
	background-color: #fad376;
}
.help-btn i {
	float: right;
	width: 22px;
	height: 22px;
	background: #ffffff;
	border-radius: 100%;
	color: #4975db;
	font-size: 21px;
	line-height: normal;
	text-align: center;
	transition: all ease .4s;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
	align-content: center;
	top: 1px;
}
.help-modal .country-code {
	padding: 0;
	width: 100%;
}
.help-modal .modal-dialog {
	max-width: 600px;
}
.help-modal .modal-content {
	border: none;
}
.help-modal .modal-header {
	padding: 13px 25px;
	background-color: #407ff0;
	border-bottom: none;
	color: #fff;
}
.help-modal .modal-title {
	font-size: 18px;
	font-weight: 400;
}
.help-modal .modal-body {
	padding: 15px 25px;
}
.help-modal .form-control {
	height: 50px;
}
.help-modal .modal-footer {
	padding: 15px 25px;
}
.cancel-btn {
	border: none;
	background: transparent;
}
.cancel-btn:hover {
	color: #407ff0;
}
.help-modal .close-btn {
  width: 32px;
	height: 32px;
	background: #2d59a8;
	opacity: 1;
	font-weight: 300;
	font-size: 22px;
	border-radius: 100%;
	padding: 0;
	margin: 0 -10px 0 0;
	color: #fff;
}
.help-modal .close-btn i {
	opacity: 0.6;
}
.help-modal .help-btn {
	min-width: 175px;
	margin: 0 20px 0 0;
}
.help-modal .thank-you-two {
	overflow: hidden;
}
.help-modal .thank-you-two .modal-body {
	text-align: center;
	background: #f9fafa;
	padding: 70px 35px 15px;
	position: relative;
}
.help-modal .thank-you-two .close-btn {
	position: absolute;
	top: 10px;
	right: 20px;
	background: #aeafaf;
	z-index: 1;
}
.thank-you-two .cancel-btn {
  border: 1px solid #b9b9b9;
  background: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #585858;
}
.thank-you-two .cancel-btn:hover {
	border-color: #747474;
	color: #000;
}

.mouse-scroll {
	position: absolute;
	bottom: 40px;
	left: 29%;
	z-index: 1;
}
.mouse-scroll img {
	width: 40px;
}
.gallery-pagination {
	position: absolute;
	left: 0;
	bottom: 50px;
	z-index: 2;
}
.gallery-pagination .swiper-button-next, .gallery-pagination .swiper-button-prev {
	display: inline-block;
	vertical-align: middle;
	position: static;
	color: #ffffff;
	opacity: 0.4;
	margin: 0;
	width: auto;
	height: auto;
}
.gallery-pagination .swiper-button-next:after, .gallery-pagination .swiper-button-prev:after {
	font-size: 22px;
	font-weight: 700;
}
.gallery-pagination .swiper-pagination {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	position: static;
	transform: none;
	text-align: left;
	font-size: 0;
	color: #fff;
	margin: -3px 10px 0;
}
.swiper-pagination-current {
	display: inline-block;
	position: relative;
	font-size: 14px;
}
.swiper-pagination-total {
	display: inline-block;
	font-size: 14px;
}
.swiper-pagination-current:after {
	display: inline-block;
	content: "OF";
	margin: 0 6px;
}
.gallery-banner-btn {
	display: inline-block;
	vertical-align: middle;
	min-width: 230px;
	background-color: #3972d8;
	color: #ffffff;
	text-align: center;
	border: 1px solid #8cb2f6;
	font-size: 14px;
	padding: 13px 15px;
	font-weight: 600;
	margin-top: 20px;
	text-transform: uppercase;
	border-radius: 3px;
	letter-spacing: 0.5px;
}
.gallery-banner-btn:hover {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #333333;
}
.gallery-banner-btn i {
	float: right;
	font-size: 22px;
	line-height: 20px;
}
.view-all-btn {
	display: inline-block;
	vertical-align: middle;
	min-width: 230px;
	background-color: #4975db;
	color: #ffffff;
	text-align: center;
	border: 1px solid #596173;
	font-size: 14px;
	padding: 13px 15px;
	font-weight: 600;
	margin-top: 20px;
	text-transform: uppercase;
	border-radius: 3px;
	letter-spacing: 1px;
}
.view-all-btn:hover {
	background-color: #3f64bc;
	border-color: #4c5363;
	color: #feebbf;
}
.view-all-btn:hover i {
	color: #3f64bc;
	background-color: #fad376;
}
.view-all-btn i {
	float: right;
	width: 22px;
	height: 22px;
	background: #ffffff;
	border-radius: 100%;
	color: #4975db;
	font-size: 21px;
	line-height: normal;
	text-align: center;
	transition: all ease .4s;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
	align-content: center;
}
.view-all-btn i:before {
	margin-right: -2px;
}
.c2o-login-btn {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	text-transform: uppercase;
	text-decoration: underline;
	margin-right: 30px;
}
.c2o-login-btn:hover, .c2o-login-btn:focus {
	color: #fff;
	opacity: 0.7;
}
.c2o-login-btn i {
	font-size: 22px;
	position: relative;
	top: 2px;
}
.browse-temp-link {
  display: inline-block;
  min-width: 280px;
  text-align: center;
  color: #ffffff;
  text-decoration: underline;
  margin-top: 30px;
}
.browse-temp-link:hover { 
  color: #ffd800;
}
.browse-temp-link i {
  display: inline-block;
  vertical-align: middle;
	margin-left: 2px;
	font-size: 22px;
}
.template-status h3 {
  color: #009be1;
  text-transform: uppercase;
}
.theme-frame-preview {
  text-align: center;
	padding-top: 42px;
	display: flex;
}
.theme-frame-preview iframe {
  border: none;
}
.desktop-frame {
  width: 100%;
  height: 100vh;
}
.ipad-frame {
  width: 990px;
  height: 675px;
  background: url(../images/ipad-frame.png) no-repeat 50% 0;
  padding: 32px 62px 28px;
  background-size: contain;
  margin: 20px auto;
}
.iphone-frame {
  width: 370px;
  height: 675px;
  background: url("../images/iphone-frame.png") no-repeat 50% 0;
  padding: 69px 25px 90px 30px;
  background-size: contain;
  margin: 20px auto;
}
.template-content {
  padding: 15px;
}
.theme-preview-bar .template-info-preview {
  border-right: 1px solid #e3eaef;
	padding: 10px 15px;
	display: inline-block;
	font-size: 14px;
color: #009be1;
}
.template-info-preview i {
  width: 20px;
  display: inline-block;
  height: 20px;
  border: 1px solid #009be1;
  text-align: center;
  border-radius: 100%;
  vertical-align: middle;
  line-height: 17px;
}
.use-template {
  display: inline-flex;
}
.use-template a {
  border-left: 1px solid #e3eaef;
  padding: 10px 15px;
  display: inline-block;
  color: #707070;
font-size: 14px;
}

.use-template a:hover {
  background: #f7f7f7;
  color: #707070;
}
.theme-preview {
  display: inline-flex;
  margin-right: 8px;
  position: relative;
  top: 2px;
}

.theme-preview a {
  padding: 10px 15px;
  color: #707070;
  font-size: 13px;
  border: 1px solid #e3ebf6;
  background: #fff;
}
.theme-preview a:first-child {
  border-right:none;
  border-radius: 5px 0 0 5px;
}
.theme-preview a:last-child {
  border-left:none;
  border-radius: 0 5px 5px 0;
}

.theme-preview a:hover, .theme-preview a.active{
  background: #fffef8;
}

.use-template a i {
  margin-right: 5px;
}
.theme-preview-bar .dropdown-toggle:after {
	display: none;
}

.theme-preview-bar {
  border-bottom: 1px solid #e3eaef;
	background: #ffffff;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}
.theme-preview-bar .dropdown-menu {
	padding: 0;
	min-width: 320px;
}
.theme-preview-bar .template-content h4 {
	font-size: 20px;
} 
.theme-preview-bar .template-content p {
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 0;
}

.theme-preview-bar .theme-preview {
  position: static;
  margin-right: 0;
}

.theme-preview-bar .theme-preview a {
  border-radius: 0;
  border-top: none;
  border-bottom: none;
  padding: 11px 15px;
}
.theme-preview-bar .theme-preview a:first-child {
  border-radius: 0;	
}
.theme-preview-bar .theme-preview a:last-child {
  border-radius: 0;	
}

.theme-preview-bar .theme-preview a:hover, .theme-preview-bar .theme-preview a.active {
  background: #f7f7f7;
  color: #707070;
}
html, body {
  height: 100%;
  margin: 0;
}
body {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  /* overflow-x: hidden; */
}
strong {
  font-weight: 600;
}
.btn-light {
  color: #636363;
  border-color: #dfdfdf;
  background-color: #fff;
}
.btn-light:hover {
  color: #007bff;
  border-color: #e0e2e4;
  background-color: #ffffff;
}
.password-page {
    background: #f1f1f1;
    width: 100%;
    height: 100vh;
    position: relative;
}
.password-page .row {
    margin: 0;
}

.password-page .form-control {
  height: 50px;
}

.request-record .dataTables_wrapper {
  display: block;
  overflow: hidden;
}
.checkbox-column {
  display: flex;
}
.notification-link {
  display: flex;
  padding: 8px 0 0 0;
}


#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #f9c922;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #12284e;
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    
    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;  
                transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;
    }
    
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
        display: none;
    }
    .no-js h1 {
        color: #222222;
    }

    #content {
        margin: 0 auto;
        padding-bottom: 50px;
        width: 80%;
        max-width: 978px;
    } 



@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap');
.copy-right-text {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #3c62ad;
}

.alert .close {
  font-size: 16px;
  position: relative;
  right: -7px;
  top: 3px;
}

.text-optional {
  font-size: 18px;
  color: #a3a9ae;
}

#overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background:url(../images/ajax-loader.gif) no-repeat center;
  background-color:#f2f2f2;
  opacity:0.3;
  display: none;
}
#block-overlay, .block-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background:url(../images/ajax-loader.gif) no-repeat center;
  background-color:#f2f2f2;
  opacity:0.3;
  display: none;
}
.template-overlay {
  display: none;
  height: 100px;
  width: 100%;
  background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
}

a {
  color: #626262;
  text-decoration: none;
  -webkit-transition: all ease .4s;
  -ms-transition: all ease .4s;
  transition: all ease .4s;
}

a:focus,
*:focus {
  outline: none;
  outline-offset: 0;
}

a:hover,
a:focus {
  text-decoration: none;
}

a:hover {
  color: #4d61c4;
}

button,
button:hover,
button:focus {
  outline: none;
}

select::-ms-expand {
  display: none;
}

b {
  font-weight: 600;
}

img {
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

iframe {
  display: block;
  width: 100%;
  border: none;
}

h1 {
  font-size: 90px;
  font-weight: 600;
  text-shadow: 1px 1px 1px #656565;
}
h2 {
  font-size: 80px;
  font-weight: 200;
}
h3 {
  font-size: 44px;
  font-weight: 200;
}
h6 {
  font-size: 24px;
  font-weight: 200;
  line-height: 34px;
}

p {
  font-weight: 300;
  color: #555555;
  font-size: 18px;
}

.fixed-header {
  background: #3a7cf4;
  padding: 15px !important;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
.fixed-header .navbar-brand {
  width: 200px;
}

.overflow {
  overflow: hidden;
}

.main-bg {
  background: url(../images/main-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.main-bg.partner-page {
  background: url(../images/partner-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.navbar {
  padding: 15px 0;
  -webkit-transition: all ease .4s;
  -ms-transition: all ease .4s;
  transition: all ease .4s;
}
.navbar-brand {
  padding: 0;
}
.navbar-light .navbar-nav .nav-link {
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  font-size: 16px;
  color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
}
.navbar-expand-lg .navbar-nav .nav-item {
  display: inline-block;
  padding: 0 15px;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #03296d;
}
.navbar-light .navbar-nav .nav-link:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  z-index: 0;
  height: 1px;
  background: #03296d;
  -webkit-transition: all ease .4s;
  -ms-transition: all ease .4s;
  transition: all ease .4s;
}
.navbar-light .navbar-nav .nav-link:hover:before,
.navbar-light .navbar-nav .active>.nav-link:before, 
.navbar-light .navbar-nav .nav-link.active:before {
  width: 100%;
}
.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link {
  color: #03296d;
}

.navbar .btn {
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 15px 10px 20px;
  min-width: 150px;
  background: #e3af30;
  color: #fff;
  border: 2px solid #fff;
}
.navbar .btn:hover {
  background: #407ff1;
  border-color: #407ff1;
}
.navbar .btn:focus, .navbar .btn:active {
  box-shadow: none;
  background: #407ff1;
  border-color: #407ff1;
}
.blue-header .navbar .btn:focus, .blue-header .navbar .btn:active {
  background: #0449c7;
  border-color: #fff9f9;
  color: #fff;
}
.blue-header .navbar .btn:hover {
  background: #0449c7;
  border-color: #fff9f9;
  color: #fff;
}
.navbar-toggler {
  padding: 0;
  border: none;
  background: none;
}
.page-banner {
  padding: 35px 70px 0;
  position: relative;
}
.page-banner h1 {
  color: #fff;
  line-height: 90px;
}
.page-banner p {
  color: #e2e9fc;
}

.page-banner-left {
  display: inline-block;
  width: 460px;
  padding: 100px 0 0;
}
.page-banner-right {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 0;
}

.banner-features {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
  padding: 100px 0 170px;
}
.banner-left {
  display: inline-block;
  width: 625px;
  position: relative;
  padding: 0 0 0 70px;
}
.banner-left h3 {
  color: #fff;
}
.banner-left:before {
  position: absolute;
  top: -7px;
  left: 0px;
  content: "01.";
  font-size: 50px;
  color: #3163be;
}
.banner-right h3 {
  color: #342604;
}
.banner-right {
  display: inline-block;
  width: 500px;
  position: relative;
  padding: 0 0 0 85px;
  margin-left: 320px;
}
.banner-right:before {
  position: absolute;
  top: -7px;
  left: 0px;
  content: "02.";
  font-size: 50px;
  color: #ca9b28;
}
.banner-right p {
  color: #342604;
}
.icon-block {
  float: left;
  width: 100px;
  height: 100px;
}
.icon-info {
  display: block;
  padding-left: 120px;
}
.icon-info h4 {
  font-size: 44px;
  color: #fff;
  font-weight: 300;
  margin: 5px 0 0;
}
.icon-info p {
  font-size: 22px;
}
.product-features {
  padding: 50px 55px 0;
  position: relative;
  background: #fffcef;
}

/* carousel slider css */
.carousel-item {
  padding: 20px;
}
.carousel-indicators {
  position: static;
  margin: 15px 0;
}
.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #dfdfdf;
  position: relative;
  opacity: 1;
  border: none;
  margin: 0 5px;
}
.carousel-indicators .active {
  background: #199dde;
}

.product-features h2 {
  color: #585752;
  text-align: center;
  padding-bottom: 65px;
}

.feature-info {
  background: #fffcef;
  border: 1px solid #e7e5d9;
  border-radius: 10px;
  padding: 20px;
  display: block;
  position: relative;
  height: 100%;
}
.feature-icon {
  float: left;
  width: 80px;
  height: 80px;
  background: url(../images/editor-sprite.png) no-repeat 13px 13px #fffcef;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 20px #d6d6d6;
  box-shadow: 0 0 20px #d6d6d6;
}
.feature-details {
  display: block;
  padding-left: 100px;
}
.feature-name {
  font-size: 20px;
  color: #343330;
  font-weight: 400;
  display: block;
  margin-bottom: 5px;
}
.feature-msg {
  display: block;
  font-size: 14px;
  color: #585752;
}
.seo {
  background: url(../images/editor-sprite.png) no-repeat -522px 15px #fffcef;
}
.add-page {
  background: url(../images/editor-sprite.png) no-repeat -1064px 15px #fffcef;
}
.active .feature-info, .feature-info:hover {
  background: #fff;
  -webkit-box-shadow: 0 0 20px #d6d6d6;
  box-shadow: 0 0 20px #d6d6d6;
}
.active .feature-icon, .feature-info:hover .feature-icon {
  background: url(../images/editor-sprite.png) no-repeat 13px -100px #1a9f55;
}
.active .seo, .feature-info:hover .seo {
  background: url(../images/editor-sprite.png) no-repeat -522px -95px #1a9f55;
}
.active .add-page, .feature-info:hover .add-page {
  background: url(../images/editor-sprite.png) no-repeat -1064px -95px #1a9f55;
}
.active .feature-name, .feature-info:hover .feature-name {
  color: #f16b1a;
}
.active .feature-info:before, .feature-info:hover:before {
  content:'';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: solid 10px #fff;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
.slider-tabs {
  max-width: 1600px;
  margin: 0 auto;
}
#sliderOne, #sliderTwo, #sliderThree {
  display: none;
  text-align: center;
}
#sliderOne.active, #sliderTwo.active, #sliderThree.active {
  display: block;
}

.multiple-stores {
  background: url(../images/multiple-stores-bg.jpg) no-repeat 0 100% #4533b5;
  position: relative;
  padding: 50px 55px;
}
.icons-info {
  display: block;
}
.main-icon {
  float: left;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 100%;
  padding: 10px;
}
.multiple-stores .main-icon {
  background: #4533b5;
  border: 5px solid #3a2c92;
  padding: 5px;
}
.icon-name {
  font-size: 30px;
  color: #fbebb3;
  font-weight: 200;
  display: block;
  margin-bottom: 5px;
  line-height: 34px;
}
.icon-msg {
  font-size: 16px;
  display: block;
  color: #e2e0f0;
}
.multiple-stores h2 {
  color: #fff6b8;
}
.multiple-stores h6 {
  color: #e2e0f1;
}

.inventory-management {
  background: url(../images/inventory-bg.jpg) no-repeat 0 100% #308de4;
  position: relative;
  padding: 50px 55px;
}
.inventory-management h2 {
  color: #ffffd9;
}
.inventory-management h6 {
  color: #e0ebdb;
}
.inventory-management .icon-name {
  color: #f0f5fb;
}
.inventory-management .icon-msg {
  color: #e0eaf8;
}

.order-management {
  background: #ffffff;
  position: relative;
  padding: 50px 0 0 55px;
}
.order-management .icon-name {
  color: #343434;
}
.order-management .icon-msg {
  color: #585858;
}
.custom-site {
  background: url(../images/site-components-bg.jpg) no-repeat 0 100% #213860;
  position: relative;
  padding: 50px 55px 0;
}
.custom-site h2 {
  color: #01a2ff;
}
.custom-site h6 {
  color: #ced1d8;
}
.custom-site .main-icon {
  background: #213860;
}
.custom-site .icon-name {
  color: #cfd1ab;
}
.custom-site .icon-msg {
  color: #bcbec3;
}
.custom-catalog {
  background: url(../images/custom-catalog-bg.jpg) no-repeat 100% 100% #fafafa;
  padding: 50px 55px 0 0;
}
.custom-catalog .icon-name {
  color: #e57e3a;
}
.dashboard-reporting {
  background: url(../images/dashboards-bg.jpg) no-repeat 0 0 #2b2b2b;
  position: relative;
  padding: 50px 0 0 55px;
}
.dashboard-reporting h2 {
  color: #ffeeb1;
}
.dashboard-reporting h6 {
  color: #e0e0e0;
}
.dashboard-reporting .main-icon {
  background: #2b2b2b;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.5)!important;
}
.dashboard-reporting .icon-name {
  color: #d66710;
}
.dashboard-reporting .icon-msg {
  color: #e0e0e0;
}
.email-marketing {
  background: url(../images/email-templates-bg.jpg) no-repeat 100% 100% #ffffff;
  position: relative;
  padding: 50px 55px;
}
.email-marketing  .icon-name {
  color: #e67f3c;
}
.email-marketing  .icon-msg {
  color: #585858;
}

/* back to top css */
.backToTop {
  position: fixed;
  bottom: 15px;
  right: -50px;
  transition: all ease .3s;
  z-index: 3;
}
.backToTop.active {
  right: 15px;
}
.backToTop a {
  display: block;
  width: 40px;
  height: 40px;
  padding: 6px;
  background: #407ff0;
  border-radius: 100%;
  box-shadow: 0 0 25px rgba(41, 51, 72, 0.3);
}
.backToTop a:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: 2px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  content: "";
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  z-index: 1;
}
.backToTop a:hover {
  background-color: #fec435;
}

.banner-bottom {
  padding-bottom: 5px;
}

footer {
  background: url(../images/footer-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  padding: 50px 55px 10px;
}
footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer ul li {
  display: block;
  width: 100%;
  padding: 0 0 10px;
}
footer ul li a {
  display: inline-block;
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
}
.footer-icon {
  float: left;
}
.footer-info {
  display: block;
  margin-left: 90px;
  position: relative;
}
.footer-info .alert {
  position: absolute;
  width: 100%;
  top: 30px;
  left: 0;
  z-index: 1;
}
#message {
 display: none;
}
footer h5 {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  display: block;
  padding-top: 5px;
}
footer input[type="email"] {
  border: none;
  width: 245px;
  display: inline-block;
}
footer .btn:not(.btn-orange) {
  background: #feca4a;
  font-size: 14px;
  text-transform: uppercase;
  color: #264c90;
  display: inline-block;
  padding: 7px 12px;
}
footer .btn:hover {
  background: #13284f;
  color: #feca4a;
}
footer .btn-block {
  width: 250px;
}
footer p {
  font-size: 14px;
  color: #aab2c8;
}
footer p a {
  color: #aab2c8;
}
footer ul li a:hover, footer p a:hover {
  color: #fdcc35;
}
footer p span {
	display: inline-block;
	margin: 0 10px;
}

/* home page css */
.home-page {
  background: url(../images/banner-bg.jpg) no-repeat 50% 100%;
  background-size: cover;
  overflow: hidden;
}
.home-banner-image {
  display: block;
  padding-left: 410px;
}
.home-banner-image img {
  width: 100%;
}
.navbar {
  padding: 35px 70px;
}
.home-banner {
  position: relative;
}
.home-banner h1:before {
  content: "01";
  position: absolute;
  top: -100px;
  left: 0;
  font-size: 120px;
  color: #ffffff;
  text-shadow: none;
  font-weight: 400;
  opacity: 0.1;
}
.home-banner h1 {
  color: #ffd800;
  line-height: 90px;
  position: relative;
}
.banner-text {
  float: left;
  padding: 250px 0 20px 70px;
  width: 410px;
}
.banner-text p {
  color: #e2e9fc;
  line-height: 32px;
}
.banner-text .btn {
  background: #fff;
  color: #3a76e2;
  padding: 15px 20px;
  min-width: 280px;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 500;
}
.banner-text .btn:hover {
  color: #fa810a;
}
.site-stores {
  background: url(../images/site-stores-bg.jpg) no-repeat 50% 100% #f8f8f3;
  background-size: cover;
  padding: 50px 70px;
}
.site-stores h2 {
  color: #525252;
}
.site-stores h2 span {
  color: #e25f3c;
}
.site-stores .icon-name {
  color: #e8752f;
}
.site-stores .icon-msg {
  color: #565654;
}
.code-editor {
  background: url(../images/code-editor-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  padding: 50px 70px 0 0;
  position: relative;
}
.code-editor h2 {
  color: #efdf90;
}
.code-editor h6 {
  color: #c6e6bb;
}
.code-editor .icon-name {
  color: #efde56;
}
.code-editor .icon-msg a {
  color: #e2e0f0;
}
.code-editor .icon-msg a:hover {
  color: #fff0a9;
}
.integrated-analytics {
  background: url(../images/integrated-analytics-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  padding: 50px 70px;
}
.analytics-image {
  display: block;
  margin: 20px 0;
}
.our-story {
  background: url(../images/about-bg.jpg) no-repeat 100% 100% #fff;
  background-size: cover;
  padding: 50px 0;
}
.our-story h2 {
	text-align: center;
padding-bottom: 25px;
  color: #313131;
}
.our-story h6 {
  color: #4f4c4c;
  font-size: 20px;
  line-height: 30px;
  font-weight: 200;
}

.our-story p {
  color: #535353;
  font-size: 16px;
  line-height: 34px;
}
.our-story p b {
  font-weight: 500;
  color: #fb5f29;
}
.our-story h6 span, .our-story p span {
  color: #fb5f29;
}
.our-story p span.link-orange, .our-story h6 span.link-orange {
 color: #3c78e2;
}
.our-story p span.link-orange:hover, .our-story h6 span.link-orange:hover {
  color: #dc3545;
}

.thankyou-page.contact-page {
  background: url(../images/thankyou-bg.jpg) no-repeat 100% 0 #fff;
  background-size: cover;	
}

.contact-page {
  background: url(../images/contact-bg.jpg) no-repeat 100% 0 #fff;
  background-size: cover;
}
.contact-banner {
  padding: 100px 70px;
}
.contact-banner h1 {
  color: #ffffff;
}
.contact-banner p {
  color: #e2e9fc;
}
.contact-banner .text-link {
  display: inline-block;
  position: relative;
  color: #feeda0;
}
.contact-banner .text-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background: #feeda0;
  -webkit-transition: all ease .4s;
  -ms-transition: all ease .4s;
  transition: all ease .4s;
}
.contact-banner .text-link:hover:before {
  width: 0;
}
.contact-banner-top {
  display: block;
  width: 100%;
}
.contact-banner-left {
  display: inline-block;
  width: 440px;
}
.contact-banner-right {
  float: right;
  margin: 40px 400px 130px 0;
  width: 350px;
}
.contact-banner-right p {
  color: #57410b;
}
.nav-tabs {
  width: 100%;
  margin-top: 120px;
  border: none;
  position: relative;
  z-index: 1;
}
.nav-tabs .nav-item {
  display: inline-block;
  width: 25%;
  margin: 0;
}
.nav-tabs .nav-item .nav-link {
  background: rgba(0,0,0,0.5);
  border: none;
  font-size: 24px;
  color: #dfe2e8;
  line-height: 30px;
  margin: 0 23px;
  padding: 20px 30px;
  height: 100%;
  text-align: left;
}
.nav-tabs .nav-item:first-child .nav-link {
  margin-left: 0;
}
.nav-tabs .nav-item:last-child .nav-link {
  margin-right: 0;
}
.nav-tabs .nav-item .nav-link.active {
  background: #fff;
  color: #e66025;
}

.tab-pane {
  background: #fff;
}
.default-pra, .contact-banner p.default-pra {
  font-size: 20px;
  color: #000;
  text-align: left;
  font-weight: 300;
  line-height: 36px;
}
.default-pra span {
  color: #407ff0;
  font-weight: 500;
}
.bg-gray {
  background: #fafafa;
}
.tab-pane h4 {
  font-size: 30px;
  color: #565656;
  font-weight: 300;
  line-height: 40px;
}
.tab-pane .form-control {
  height: 50px;
}
.tab-pane textarea.form-control {
  height: 150px;
}
.tab-pane .btn-primary {
  padding: 15px;
  min-width: 200px;
  font-size: 22px;
}
.tab-pane label {
  font-size: 20px;
  color: #565656;
}
.tab-pane .form-group {
  margin-bottom: 30px;
}

/*contact us page css*/
.dropdown.bootstrap-select {
  width: 100% !important;
}
.bootstrap-select .btn {
  background: #fff !important;
  border: 1px solid #ced4da !important;
  padding: 12px;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: none !important;
  outline-offset: 0;
}
.bs-searchbox .form-control {
  height: 40px
}
.custom-control-label:before, .custom-control-label:after {
  width: 30px;
  height: 30px;
  left: 0;
}
.custom-control-label {
  padding-left: 40px;
  padding-top: 5px;
}
.custom-control {
  padding-left: 0;
}
.bg-light-yellow {
  background: #fffff3;
}
.card-header {
  background: #fafafa;
  font-size: 30px;
  color: #000000;
  font-weight: 300;
}
.tab-pane .card-header img {
  float: left;
}
.tab-pane .card-header span {
  display: block;
  padding: 10px 0 0 100px;
}
.tab-pane .card-body {
  min-height: 200px;
}
.tab-pane .card-body p {
  color: #000;
}
.tab-content {
  display: block;
  width: 100%;
  min-height: 500px;
}
.country-code {
  padding-right: 15px;
  padding-left: 15px;
  width: 180px;
}
.container {
  max-width: 1450px;
}
.nav-tabs .nav-item .nav-link img {
  display: none;
}
.analytics-image img {
  width: 100%;
}
.home-banner .col-md-7 .overflow img {
  border-radius: 10px 0 0 0;
}

.code-editor:after {
  content: "";
  position:  absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  height: 100px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.dblock.p-5 {
  padding-bottom: 10px !important;
}
.email-confirmation {
  max-width: 850px;
  padding: 0 30px 50px;
  margin: 0 auto;
  text-align: center;
  background: rgba(0,0,0,0.5);
  border-radius: 10px;
}

.email-confirmation h2 {
  font-size: 34px;
  color: #fdf8a7;
}
.email-confirmation .thank-you-img {
  max-width: 300px;
  margin: 0 auto;
}
.email-confirmation p {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}

.page-banner-right .desktop-image {
    display: block;
}
.page-banner-right .mobile-image {
  display: none;
  max-width: 90%;
}

.page-banner {
  padding: 70px;
}
.partners-banner.page-banner h1 span {
  color: #ffd800;
}

.partners-banner .btn {
  background: #fff;
  color: #3a76e2;
  padding: 15px 20px;
  min-width: 280px;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 500;
}

.btn-yellow, .partners-banner .btn.btn-yellow {
  background: #fec337;
  color: #fff;
}
.partners-banner .page-banner-left {
  padding: 150px 0 0;
  width: 700px;
}
.partners-banner .page-banner-left p {
  width: 460px;
}
.page-banner.partners-banner {
  overflow: hidden;
  padding: 0 70px 50px;
}
.partners-banner .page-banner-right {
  position: static;
  float: right;
}
.heading-two {
  color: #525252;
  font-weight: 400;
  line-height: 80px;
}
.heading-two span {
  color: #e25f3c;
  display: block;
  font-weight: 500;
  
}
.btn-lg {
  padding: 15px 20px;
  min-width: 250px;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 500;
}
.bg-light-gray {
  background: #ebebe7;
}
.why-us {
  background: url(../images/why-c2o.jpg) no-repeat 50% 50%;
  background-size: cover;
  background-attachment: fixed;
}
.why-us h2 {
  color: #ffea97;
}
.why-us h6 {
  color: #c6e0be;
  font-weight: 300;
}
.whylist {
  display: flex;
  flex-wrap: wrap;
  padding-top: 50px;
}
.whylist span {
  width: 110px;
  height: 110px;
  background: rgba(0,0,0,0.4);
  padding: 20px;
  border-radius: 100%;
}
.whylist-right {
  width: calc(80% - 110px);
  padding-left: 20px;
}
.whylist-right h5 {
  font-size: 30px;
  color: #fd9648;
}
.whylist-right p {
  color: #d7d7d7;
}
.whylist-right p a {
  color: #feca4a;
}
.white-label-partners {
  background: url(../images/c2o-logo-bg.png) no-repeat 100% 50% #162c5c;
  padding: 60px 50px !important;
}
.rounded-custom {
  border-radius: 10px;
}
.shadow-custom {
  box-shadow: 0 .1rem 1rem rgba(0,0,0,.15)!important;
 }
.white-label-partners h2 {
  font-weight: 400;
  color: #fbc133;
}
.white-label-partners h5 {
  color: #ccb98b;
  font-size: 26px;
  line-height: 46px;
  margin-bottom: 20px;
}
.white-label-partners h5 span {
  color: #407ff0;
}
.white-label-partners h6 {
  color: #dee0e5;
  font-weight: 400;
  font-size: 18px;
}
.partnership-benifits {
  background: #f9f7e8;
  padding: 230px 50px 50px;
  margin-top: -150px;
}
.partnership-benifits h3 {
  font-weight: 300;
  font-size: 36px;
}
.partnership-benifits .main-icon {
  text-align: center;
  padding: 15px;
}
.partnership-benifits .icon-name {
  color: #5f7bac;
  font-weight: 500;
  padding-bottom: 10px;
}
.partnership-benifits .icon-msg {
  color: #525252;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}
.partnership-benifits .icons-info {
  padding: 50px 0;
  position: relative;
  height: 100%;
}
.partnership-benifits .icons-info:before {
  content: "";
  position: absolute;
  width: calc(100% - 100px);
  left: 100px;
  bottom: 0;
  border-bottom: 5px dotted #e0ded0;
}
.partnership-benifits .feature-details .btn {
  color: #fff;
  background: #e05d42;
  font-size: 11px;
  text-transform: uppercase;
  padding: 5px 10px;
  display: inline-block;
  margin-top: 5px;
  position: absolute;
}
.supported-services {
  background: url(../images/bg02.jpg) no-repeat 50% 50%;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 100px !important;
}
.supported-services h2 {
  font-weight: 400;
  color: #fec435;
}
.supported-services h5 {
  font-weight: 400;
  color: #b5b5b5;
  max-width: 720px;
  font-size: 24px;
  line-height: 36px;
  margin: 0 auto;
}
.supported-services h5 span {
  color: #407ff0;
}
.supported-services .row {
  margin: 0;
}
.supported-services .col-md-4 {
  padding: 0 30px;
}
.service-list {
  background: #0e1a2f;
  padding: 60px 30px 30px 30px;
  text-align: center;
  margin-top: 100px;
  position: relative;
  height: 80%;
  border-radius: 10px !important;
}
.service-icon {
  background: #0e1a2f;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
}
.service-list  h6 {
  color: #407ff0;
  font-weight: 500;
}
.service-list p {
  color: #dedfe0;
  font-size: 16px;
}
.product-pricing h2 {
  font-weight: 400;
  color: #525252;
}
.product-pricing h5 {
  color: #575751;
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  max-width: 900px;
  margin: 0 auto;
}
.btn-orange {
  background: #fd7a3b;
  color: #fff;
}
.btn-orange:hover, .btn-orange:focus {
  background: #ef621e;
  color: #fff;
}
.get-email-box {
  max-width: 550px;
  margin: 0 auto;
}
.form-control.control-lg {
  height: 55px;
}
.get-email-box small {
  font-style: italic;
  font-size: 14px;
  color: #a2a197;
}
.setup-fees {
  padding: 0 50px 60px !important;
}
.setup-fees .card {
  border: 2px solid #fedcc8;
  overflow: hidden;
}
.setup-fees h4 {
  color: #fd7a06;
  font-size: 33px;
  margin-bottom: 15px;
}
.setup-fees h6 {
  color: #585858;
  font-weight: 300;
  font-size: 20px;
}
.setup-fees .card .card-body .card {
  border: 1px solid #dee2e6;
}
.table thead th {
  border-bottom: 1px solid #dee2e6;
  vertical-align: middle;
}
.table th {
  border-bottom: 1px solid #dee2e6;
  border-top: none;
  border-right: 1px solid #dee2e6;
  background: #fbf7ed;
  color: #9b7866;
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
}
.table tr td {
  border-right: 1px solid #dee2e6;
  padding: 20px;
  vertical-align: middle;

}
.table th:last-child, .table tr td:last-child {
  border-right: none;
}
.feature-desc {
  min-width: 400px;
  counter-reset: my-badass-counter;
}
.feature-desc dt:before {
  content: counter(my-badass-counter);
  counter-increment: my-badass-counter;
}
.custom-modal {
  padding-right: 0 !important;
}
.custom-modal .modal-dialog {
  max-width: 100%;
  margin: 0;
}
.custom-modal .modal-content {
  border-radius: 0;
  border: none;
}
.custom-modal .modal-header {
  background: url(../images/tag-bg.png) no-repeat 88% 50% #3b3a37;
  background-size: contain;
  border-radius: 0;
  padding: 30px 30px 20px;
}
.custom-modal .close {
  position: absolute;
  top: 60px;
  right: 60px;
  opacity: 1;
}
.get-email-box .alert .close {
  position: absolute;
    margin: 5px 0 0;
    opacity: 0.5;
    font-weight: 500;
    padding: 0;
    right: 20px;
    top: 13px;
}
.custom-modal .modal-title {
  font-size: 80px;
  color: #fda906;
  font-weight: 400;
  line-height: 90px;
  max-width: 800px;
}
.custom-modal .modal-header p {
  color: #d2d1d1;
  font-size: 26px;
  line-height: 40px;
  padding-top: 30px;
  padding-bottom: 20px;
}
.custom-modal .modal-header p span {
  color: #fff6b4;
  font-weight: 500;
}
.modal-body .product-pricing h2 {
  text-align: center;
}
.modal-body .product-pricing h5 {
  text-align: center;
}
.modal-body .product-pricing h5 br {
  display: none;
}

.image-text h5 {
  font-weight: 300;
  font-size: 26px;
}
.image-text p {
  line-height: 30px;
}
.box-style {
  margin: 20px 0 0;
}


/* New CSS */
.template-gallery .navbar {
	position: absolute;
	top: 36px;
	left: 0;
	width: 100%;
	z-index: 9;
}
.template-gallery-banner {
	padding: 175px 70px 0;
	background: url(../images/template-gallery-banner.jpg) no-repeat 100% 0 #fff;
    background-size: cover;
	overflow: hidden;
	position: relative;
}
.gallery-banner-two .gallery-banner-info {
	  padding-bottom: 70px;
	  height: 90%;
	  position: relative;
}
.gallery-banner-info {
	padding-bottom: 100px;
}
.gallery-banner-info h1 {
	margin-bottom: 30px;
	font-size: 55px;
	line-height: 62px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: 1px 1px 1px #656565;
}
.gallery-banner-info p {
	font-size: 17px;
	line-height: 28px;
	color: #e2e9fc;
}
.banner-right-image img {
	width: 100%;
}
/* Template Gallery Tab */
.template-gallery-tab {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
	background: #fff;
	text-align: center;
	padding: 0 70px;
	border-bottom: 1px solid #e5e5e5;
}
.gallery-tab-item {
	display: inline-block;
	padding-right: 100px;
}
.gallery-tab-item:last-child {
	padding-right: 0;
}
.gallery-tab-item > a {
	display: inline-block;
	padding: 20px 22px 20px 0;
	font-weight: 600;
	font-size: 20px;
	color: #747474;
	text-transform: uppercase;
	position: relative;
}
.gallery-tab-item > a:after {
	position:absolute;
	top: 26px;
    right: 0;
    width: 9px;
    height: 9px;
	border-right:#7f7f7f solid 1px;
    border-bottom:#7f7f7f solid 1px;
	content:'';
    transform: rotate(45deg);
}
.gallery-tab-item > a:before {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #eb7f30;
	content: "";
	opacity: 0;
	z-index: 1;
}
.gallery-tab-item > a.active:before {
	opacity: 1;
}
.gallery-tab-item > a.active {
	color: #ff7109;
}
.gallery-tab-item > a img {
	margin: -5px 6px 0 0;
}
.gallery-tab-item .tab-active-icon, .gallery-tab-item > a.active .tab-default-icon {
	display: none;
}
.gallery-tab-item > a.active .tab-active-icon {
	display: inline-block;
}
.gallery-tab-item .dropdown-menu {
	max-width: 745px;
	min-width: 745px;
	border: none;
	padding: 22px 8px;
	background: #fff;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
	border-radius: 0;
}
.gallery-tab-item .dropdown-menu ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size: 14px;
	list-style: none;
}
.gallery-tab-item .dropdown-menu ul li {
	padding: 9px 15px 9px 25px;
	width: 33.333333%;
	float: left;
	border-right: 1px solid #e5e5e5;
}
.gallery-tab-item .dropdown-menu ul li:nth-child(3n), .gallery-tab-item .dropdown-menu ul li:last-child {
	border-right: none;
}
.gallery-tab-item .dropdown-menu ul li a {
	display: inline-block;
}
.gallery-tab-item .dropdown-menu h4 {
	padding: 15px 10px 0 10px;
	padding-top: 15px;
	color: #a19078;
	font-weight: 600;
	font-size: 20px;
}
/* Gallery Templates Wrap */
.gallery-templates-wrap {
	padding: 90px 70px;
}
.gallery-meta {
	padding-bottom: 30px;
}
.gallery-meta h3 {
	margin-right: 20px;
	display: inline-block;
	font-weight: 400;
	font-size: 20px;
}
.gallery-meta-badge {
	display: inline-block;
}
.gallery-meta-badge span {
	display: inline-block;
	padding: 6px 10px;
	background-color: #f4f6f9;
	color: #49494a;
	font-weight: 600;
	margin: 0 5px 5px 0;
	font-size: 11px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
}
.gallery-meta-badge span a {
	display: inline-block;
	margin-left: 6px;
}
.gallery-meta .form-control {
	padding: 10px 55px 10px 15px;
	height: 45px;
	background-color: #fdfdfd;
}
.gallery-meta .form-group {
	margin-bottom: 0;
	position: relative;
}
.gallery-meta [type="submit"] {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	height: 42px;
	width: 55px;
	border: none;
	background-color: transparent;
	background-image: url(../images/search-icon.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 16px auto;
}
.gallery-meta-filter {
	display: inline-block;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
}
.gallery-meta-filter a {
	float: left;
	display: inline-block;
	padding: 12px 16px;
	font-size: 14px;
	border-right: 1px solid #e1e1e1; 
}
.gallery-meta-filter a:last-child {
	border-right: none;
}
.gallery-meta-filter a.active {
	background-color: #707070;
	color: #ffffff;
}
.gallery-template-item {
	margin-bottom: 60px;
	overflow: hidden;
	border: 1px solid #eaeaea;
	position: relative;
	border-radius: 7px;
}
.gallery-template-item > img {
	width: 100%;
	height: 600px;
	object-fit: cover;
	object-position: top;
}
.gallery-template-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: rgba(0, 0, 0, 0.8);
	-webkit-transition: all ease .4s;
	-ms-transition: all ease .4s;
	transition: all ease .4s;
	transform: translateY(-100%);
	z-index: 2;
}
.gallery-template-item:hover .gallery-template-info {
	transform: none;
}
.gallery-template-info .template-white-btn {
	margin: 13px 0;
}
.template-white-btn {
	display: inline-block;
	min-width: 280px;
	padding: 16px 20px;
	background-color: #ffffff;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	border-radius: 4px;
}
.template-white-btn:hover, .template-white-btn:focus {
	background-color: #dfdfdf;
}
.template-white-btn img {
	margin-right: 5px;
	margin-top: -3px;
}
.template-white-btn.border-btn {
	color: #333333;
	font-size: 16px;
	border: 1px solid #b9b9b9;
    text-transform: uppercase;
}
.template-white-btn.border-btn:hover, .template-white-btn.border-btn:focus {
	background-color: #f0f0f0;
}
.template-white-btn.border-btn img {
	margin-right: 8px;
}
.template-info {
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 2;
}
.template-info a {
	display: inline-block;
	padding: 7px 15px;
	background-color: #ffffff;
	color: #585858;
	font-weight: 600;
	font-size: 13px;
	border-radius: 3px;
}
.template-info a img {
	margin-top: -3px;
	margin-right: 2px;
}
.template-info-inner {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow-y: auto;
	background: #fff;
	padding: 60px 30px;
	z-index: 5;
}
.template-info-inner h4 {
	margin-bottom: 15px;
	font-size: 20px;
}
.template-info-inner p {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 26px;
}
.template-info-close {
	position: absolute;
	top: 10px;
	right: 15px;
	background: #fff;
	font-size: 13px;
	font-weight: 600;
	display: inline-block;
	border: 1px solid #d5d5d5;
	padding: 5px 10px;
	border-radius: 5px;
}
.template-info-close span {
	padding: 1px;
	display: inline-block;
	background: #b0b0b0;
	border-radius: 100%;
	color: #fff;
	font-size: 10px;
	width: 16px;
	text-align: center;
	margin-right: 2px;
	position: relative;
	top: -1px;
}
.quick-view-modal .modal-dialog {
	margin-top: 60px;
	max-width: 950px;
}
.model-template-image {
	 width: 100%;
  height: 700px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.model-template-image img {
	width: 100%;
	  height: auto;
	  max-width: 100%;
	  transition: all 4s;
	  animation-duration: 25s;
	  animation-name: imgscroll;
	  animation-iteration-count: 1000;
}
@keyframes imgscroll {
  0% {transform: translateY(0%);}
  50% {transform: translateY(-80%);}
  100% {transform: translateY(-0%);}
}
.quick-view-modal .template-white-btn.border-btn {
	min-width: 310px;
	margin: 5px 22px;
}
.quick-view-modal .close {
	position: absolute;
	top: -40px;
	right: -40px;
	width: 32px;
	height: 32px;
	background: #fff;
	opacity: 1;
	z-index: 5;
	font-weight: 300;
font-size: 30px;
	border-radius: 100%;
}
.gallery-templates-wrap .pagination .page-link {
	color: #407ff0;
	font-size: 14px;
	height: 35px;
}
.gallery-templates-wrap .pagination .page-item.disabled .page-link {
	color: #407ff0;
}
.gallery-templates-wrap .pagination .page-item.active .page-link {
	color: #ffffff;
}
.gallery-templates-wrap .pagination .page-link.prev, .gallery-templates-wrap .pagination .page-link.next {
	font-size: 12px;
}

/* Templates Details */
.template-gallery-banner.gallery-banner-two {
	padding-bottom: 40px;
	overflow: visible;
	background-image: url(../images/template-details-banner.jpg);
}
.gallery-banner-two .banner-right-image {
	margin-bottom: -115px;
}
.gallery-banner-two .banner-right-image img {
	border-radius: 6px;
	height: 850px;
	object-fit: cover;
	object-position: top;
	position: relative;
	z-index: 2;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.gallery-banner-two .gallery-banner-info p {
	margin-bottom: 20px;
	font-size: 16px;
}
.gallery-banner-two .gallery-banner-info h1 {
	margin-bottom: 20px;
	font-size: 62px;
	line-height: 72px;
}
.banner-info-btn {
	padding: 15px 0 30px;
}
.banner-info-btn .template-white-btn {
	min-width: 250px;
	padding: 15px 20px;
	margin: 0 20px 0 0;
	color: #333333;
	font-size: 16px;
	border: 1px solid transparent;
	text-transform: uppercase;
	border-radius: 6px;
}
.banner-info-btn .template-white-btn i {
	float: left;
	color: #fdab50;
	font-size: 22px;
	margin-top: 2px;
	margin-right: -20px;
	line-height: 20px;
}
.banner-info-btn .template-black-btn {
	display: inline-block;
	min-width: 250px;
	padding: 15px 20px;
	text-align: center;
	font-weight: 600;
	background-color: #446ed5;
	color: #ffffff;
	font-size: 16px;
	border: 1px solid #85a5f3;
	text-transform: uppercase;
	border-radius: 6px;
}
.banner-info-btn .template-black-btn:hover {
	background-color: #385bb1;
	color: #ffffff;
}
.banner-info-btn .template-black-btn i {
	float: left;
	color: #86f256;
	font-size: 22px;
	margin-top: 1px;
	margin-right: -20px;
	line-height: 20px;
}
.gallery-back-btn {
	padding-bottom: 40px;
}
.gallery-back-btn a {
	color: #ffffff;
	opacity: 0.7;
}
.gallery-back-btn a:hover {
	opacity: 1;
}
.gallery-back-btn a img {
	margin-right: 5px;
}
.templates-list-wrap {
	padding: 50px 90px 0;
}
.templates-list-wrap.similar-templates {
	padding-top: 140px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #e0e0e2;
}
.templates-all-link {
	display: inline-block;
	padding: 8px 15px;
	background-color: #ffffff;
	color: #333333;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	min-width: 110px;
	text-align: center;
}
.templates-all-link img {
	margin: -3px 0 0 3px;
}
.templates-list-meta {
	padding-bottom: 15px;
}
.templates-list-meta h4 {
	color: #494949;
	font-weight: 600;
	font-size: 20px;
}
.preview-layout .ipad-frame, .preview-layout .iphone-frame {
	height: 675px !important;
}

.c2o-blog {
  padding: 80px 0 50px
}
.blog-item {
  margin-bottom: 30px;
  overflow: hidden;
  border: 1px solid #f1f1f1;
  border-radius: 7px
}
.blog-item > img {
  width: 100%
}
.blog-info {
  padding: 20px 15px;
  background-color: #f7f8f9
}
.blog-info h4 {
  padding-bottom: 5px
}
.blog-date {
  padding-bottom: 7px;
  color: #9a9dae;
  font-size: 14px
}
.blog-link {
  display: inline-block;
  color: #dc8654;
  font-size: 13px;
  margin-top: 25px
}
.blog-link img {
  transition: all ease 0.4s
}
.blog-link:hover img {
  margin-left: 5px
}
.c2o-blog-details {
  padding: 25px 0
}
.blog-details-image img {
  width: 100%;
  height: 545px;
  object-fit: cover
}
.blog-meta {
  background-color: #fffff4;
  border: 1px solid #dadada
}
.blog-detail-info {
  padding: 45px 65px
}
.blog-detail-info h3 {
  margin-bottom: 25px
}
.blog-detail-info h6 {
  margin-bottom: 20px;
  letter-spacing: 2px;
  text-transform: uppercase
}
.move-arrow {
  display: inline-block;
  margin-top: 30px
}
.blue-header .navbar {
	background: #3b7cf6;
}
.blog-details {
  padding: 40px 0
}
.blog-details-inner ol, .blog-details-inner ul {
  padding: 0 0 0 20px;
  margin: 0;
  color: #343434;
  font-size: 18px;
  line-height: 36px
}
.blog-details-inner ol li, .blog-details-inner ul li {
  padding: 5px 0
}
.blog-details-inner div {
  color: #343434;
  font-size: 18px;
  line-height: 36px
}
.blog-details-inner h1 {
	color: #343434;
	font-size: 36px;
}
.blog-details-inner h2 {
	color: #343434;
	font-size: 32px;
}
.blog-details-inner h3 {
	color: #343434;
	font-size: 28px;
}
.related-post-wrapper {
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e2e2e2
}
.related-post-wrapper:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none
}
.related-post {
  height: 100%;
  padding-left: 30px;
  border-left: 1px solid #e2e2e2
}
.related-post-item {
  margin-bottom: 35px;
  overflow: hidden
}
.related-post-title {
  margin-bottom: 20px
}
.related-post-image {
  float: left
}
.related-post-image img {
  width: 160px;
  height: 104px;
  object-fit: cover;
  border-radius: 5px
}
.related-post-info {
  padding-left: 16px;
  overflow: hidden
}
.related-post-info h6 {
  line-height: 24px
}
.related-post-tags {
  padding: 10px 0 20px
}
.c2o-blog-list {
  padding-top: 40px
}
.blog-list-item {
  max-width: 1120px;
  margin: 0 auto 80px
}
.list-item-image img {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}
.blog-normal-link {
  color: #1d70c7;
  font-size: 17px
}
.blog-normal-link:hover {
  color: #f87742
}
.blog-categorys-text {
  font-size: 18px;
  margin-bottom: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #585858
}
.blog-categorys-text a {
  margin-right: 32px;
  color: #727272;
  font-size: 16px
}
.blog-categorys-text a:last-child {
  margin-right: 0
}
.blog-categorys-text a:hover {
  color: #fa9027
}
.related-post-info h6 a {
  color: #435969;
  font-size: 16px
}
.list-item-info h2 {
  color: #546080;
  font-size: 32px
}
.list-item-info h2 a {
  color: #546080
}
.list-item-info h2 a:hover {
  color: #fa9214
}
.list-main-info h1 {
  font-size: 40px;
  text-shadow: none;
  color: #4b7aee
}
.list-main-info h1 a {
  color: #4b7aee
}
.list-main-info h1 a:hover {
  color: #e76c39
}
.related-post-info h6 a:hover {
  color: #4769bc
}
.list-item-info {
  padding-left: 15px
}
.list-item-info p, .list-main-info p {
	font-size: 16px;
  line-height: 28px
}
.list-item-info h4 {
  margin-bottom: 15px
}
.list-item-link {
  font-size: 16px;
  color: #e67b37
}
.list-item-link:hover {
  color: #b04f00
}
.list-item-link i {
	font-size: 22px;
	display: inline-block;
	line-height: 22px;
	vertical-align: middle;
	margin-left: -5px;
}
.list-main-info .list-item-link img, .related-post-info .list-item-link img {
  position: relative;
  top: -1px
}
.list-item-link img {
  margin-left: 1px;
  transition: all ease 0.4s
}
.list-item-link:hover img {
  margin-left: 4px
}
.blog-list-main {
  background-color: #fffff4;
  margin-bottom: 40px;
  border: 1px solid #dcdcdc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}
.blog-list-main .owl-carousel .owl-item img {
  display: inline-block
}
.list-main-image img {
  width: 855px;
  height: 570px;
  object-fit: cover
}
.list-item-image img {
  width: 548px;
  height: 365px;
  object-fit: cover
}
.blog-list-main .owl-dots {
  padding-top: 0;
  text-align: center;
  position: absolute;
  left: 62.5%;
  bottom: 33px;
  z-index: 9
}
.blog-list-main .owl-carousel button.owl-dot {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  margin: 0 5px;
  background-color: #e4d9c9
}
.blog-list-main .owl-carousel button.owl-dot.active {
  background-color: #de3d35
}
.list-main-info {
  padding: 20px 50px 20px 40px
}
.list-main-info h6 {
  margin-bottom: 20px;
  letter-spacing: 2px;
  text-transform: uppercase
}
.list-main-info h4 {
  margin-bottom: 15px
}
.list-main-info h4 a {
  color: inherit
}
.blog-detail-info h1 {
  color: #eb5800;
  font-size: 40px;
  text-shadow:  none;
}
.btn-third {
  display: inline-block;
  min-width: 75px;
  padding: 4px 15px;
  margin: 0 7px 10px 0;
  color: #707070;
  font-weight: 600;
  font-size: 11px;
  text-align: center;
  border: 1px solid #d7d7d7;
  text-transform: uppercase;
  border-radius: 4px;
  background-color: #f9f9f9;
  border-color: #d9d9da
}
.btn-third:hover {
  background-color: #ffffff;
  color: #4b7aed;
  border-color: #87b4e2
}
.btn-third:focus {
  background-color: #ffffff;
  color: #4b7aed;
  border-color: #87b4e2
}
.social-label {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase
}
.share-social-link {
  padding-bottom: 20px
}
.share-social-link a {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #e3e3e3;
  padding: 4px 15px;
  border-radius: 4px;
  font-size: 15px;
  background-color: #fcfcfc;
  margin-left: 8px
}
.share-social-link a:hover {
  background-color: #ffffff;
  color: #ff6f19 !important;
  border-color: #ff6f19
}
.share-social-link .social-icon {
  display: inline-block;
  margin-right: 3px;
  font-size: 18px
}
.share-social-link a.facebook {
  color: #2f5eaa
}
.share-social-link a.twitter {
  color: #1c91d6
}
.share-social-link a.linkedin {
  color: #0490c0
}
.no-data-wrap {
	text-align: center;
	padding: 30px 0 60px;
}
.no-data-wrap h4 {
	padding-top: 10px;
}
.rows {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}
.col-half {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
  padding-left: 15px
}
.col-full {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px
}
.img-w100 {
  width: 100%
}
.content-info {
  padding: 10px 0
}
.content-info, .content-info p {
  font-size: 18px;
  line-height: 36px
}

.full-iframe {
  width: 100%;
}

.tech-arch ul {
  list-style: none;
}
.tech-arch ul li::before {
  content: "S";
  color: #048361;
  font-family: "dripicons-v2";
  display: inline-block;
  width: 1.3em;
  margin-left: -1.5em;
}
.tech-arch ul li {
  margin-bottom: 15px;
  font-size: 18px;
}
.tech-arch ul li b {
  color: #0785b7;
  font-size: 20px;
}
.tech-arch .heading-two span {
  display: inline;
}
.tech-arch .heading-two {
  text-align: center;
}
.tech-arch h5 {
  text-align: center;  
  line-height: 34px;
}
.tech-arch ul li a {
  color: #fa810a;
  font-weight: 500;
}
.tech-arch ul li a:hover {
  color: #cb6602;
}
.tech-arch ul li a i {
  color: #fabd0a;
}
.tech-arch ul li a i:hover {
  color: #cb6602;
}
.code-editor a {
  color: #dba570;
  font-weight: 500;
}
.code-editor a:hover {
  color: #f39334;
}
.why-components b {
  color: #bb5a12;
  font-size: 22px;  
}
.video-banner-info .btn {
  background: #fff;
  color: #3a76e2;
  padding: 15px 20px;
  min-width: 280px;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 500;
}
.video-banner-info .btn:hover {
  color: #fa810a;
}
.social-drizzle {
  padding: 20px 70px;
  background-color: #1b64af;
}
.social-drizzle h2 {
  font-size: 30px;
  color: #fdfacb;
  font-weight: 500;
}
.social-drizzle h2 i {
  color: #efc168;
  font-size: 34px;
}
.social-drizzle h6 {
  font-size: 18px;
  padding-left: 40px;
  color: #c9c9c9;
}
.social-drizzle h6 a {
  color: #59b5d9;
  font-weight: 500;
}
.social-drizzle h6 a:hover {
  color: #fff6b0;
}
.try-social-drizzle {
  display: inline-block;
  vertical-align: middle;
  min-width: 230px;
  background-color: #59b5d9; 
  color: #ffffff;
  text-align: center;
  border: 1px solid #1f6587;
  font-size: 14px;
  font-weight: 600;
  padding: 13px 15px;
  margin-top: 50px;
  text-transform: uppercase;
  border-radius: 3px;
  letter-spacing: 1px;
}
.try-social-drizzle:hover {
  color: #fff6b0;
  background-color: #178fc9;
}
/* responsive css */
@media (max-width: 1800px) {
  .banner-right {
    margin-left: 270px;
    width: 480px;
  }
  .partners-banner .page-banner-right {
    width: 850px;
  }
}
@media (max-width: 1740px) {
	.gallery-banner-info h1 {
		font-size: 50px;
		line-height: 60px;
	}
  .banner-right {
    margin: 0 240px 0 0;
    float: right;
  }
  .page-banner-right {
    width: 900px;
  }
  .contact-banner-right {
    margin: 40px 330px 80px 0;
  }
  .contact-banner p.default-pra.p-5 {
    padding: 10px !important;
  }
  .dblock.p-5 {
    padding: 40px 40px 10px 40px!important;
  }
  .home-banner h1 {
    font-size: 80px;
    line-height: 80px;
  }
  .partner-page .page-banner h1, .heading-two, .why-us h2 {
    font-size: 72px;
    line-height: 72px;
  }
  .custom-modal .modal-title {
    font-size: 72px;
    line-height: 82px;
  }
  .partners-banner .page-banner-left {
    width: 560px;
  }
}

@media (max-width: 1699px) {
  .banner-text {
    padding: 160px 0 20px 70px;
  }
}
@media (max-width: 1640px) {
  .icon-info h4 {
  	font-size: 36px;
  }
  .banner-right {
    margin: 0 220px 0 0;
  }
}
@media (max-width: 1600px) {
  .social-drizzle {
    padding:20px 50px; 
  }
	.video-banner .template-gallery-banner {
	  padding: 155px 50px 70px;
	}
	.c2o-video-list {
	  padding: 0 50px 40px;
	}
	.c2o-topbar {
	  padding: 0 50px;
	}
  .home-banner h1:before {
    top: -70px;
    font-size: 80px;
  }
  .banner-text {
    padding: 160px 0 20px 50px;
  }
  h1 {
    font-size: 70px;
  }
  h2 {
    font-size: 60px;
  }
  h3 {
    font-size: 30px;
  }
  .banner-right {
    margin: 0 250px 0 0;
  }
  .slider-tabs {
    max-width: 90%;
  }
  .banner-left {
    width: 555px;
  }
  .banner-right {
    width: 420px;
  }
  .page-banner {
    padding: 35px 50px 10px;
  }
  .product-features {
    padding: 50px 35px 0;
  }
  .multiple-stores {
    padding: 50px 35px;
  }
  .inventory-management {
    padding: 50px 35px;
  }
  .order-management {
    padding: 50px 0 0 35px;
  }
  .custom-site {
    padding: 50px 35px 0;
  }
  .custom-catalog {
    padding: 50px 35px 0 0;
  }
  .dashboard-reporting {
    padding: 50px 0 0 35px;
  }
  .email-marketing {
    padding: 50px 35px;
  }
  .icon-block {
    width: 70px;
    height: 70px;
  }
  .icon-info {
    padding-left: 90px;
  }
  .icon-info h4 {
    font-size: 30px;
  }
  .icon-info p {
    font-size: 18px;
  }
  .contact-banner-right {
    margin: 40px 300px 120px 0;
  }
  .contact-banner {
    padding: 50px;
  }
  .nav-tabs .nav-item .nav-link {
    font-size: 20px;
    line-height: normal;
  }
  .tab-pane h4 br {
    display: none;
  }
  .home-banner h1 {
    font-size: 60px;
    line-height: 66px;
  }
  .navbar {
    padding: 35px 50px;
  }
  .site-stores {
    padding: 50px;
  }
  .integrated-analytics {
    padding: 50px;
  }
  .code-editor {
    padding: 50px 50px 0 0;
  }
  .our-story {
    padding: 50px 0;
	background-size: contain;
  }
  .partners-banner .page-banner-right {
    width: 800px;
  }
  .page-banner.partners-banner {
    padding: 0 50px 50px;
  }
  .whylist-right {
    width: calc(100% - 110px);
  }
}

@media (max-width: 1560px) {
  .banner-text {
    padding: 130px 0 20px 50px;
  }
}

@media screen and (max-width:1540px) {
  .blog-detail-info {
    padding: 35px 50px;
  }
  .list-main-info {
    padding-left: 25px;
  }
}

@media (max-width: 1500px) {
  footer input[type="email"] {
    width: 195px;
  }
  .banner-text p {
    margin: 15px 0 10px !important;
  }
  footer .btn.subscribe {
    min-width: 150px;
    margin-top: 10px;
  }
  .box-style {
    margin: 20px 30px 0;
  }
  .contact-banner p.default-pra.p-5 {
    font-size: 18px;
    padding: 0 !important;
    line-height: normal;
  }
  .dblock.p-5 {
    padding: 20px 20px 10px !important;
  }
  .image-text .col-lg-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 1499px) {
	.video-banner .template-gallery-banner {
	  padding: 135px 30px 60px;
	}
	.c2o-video-list {
	  padding: 0 30px 40px;
	}
	.c2o-topbar {
	  padding: 0 30px;
	}
	.gallery-banner-two .gallery-banner-info {
		height: 100%;
	}
	.help-item {
		height: 430px;
	}
	.help-item p br {
		display: none;
	}
	.help-item-image img {
		width: 90px;
	}
	.template-gallery-tab {
		padding: 0 30px;
	}
	.mouse-scroll {
		left: 28%;
	}
	.gallery-banner-info {
		padding-right: 0;
	}
	.gallery-banner-two .banner-right-image img {
		height: 700px;
	}
	.gallery-back-btn {
	  padding-bottom: 20px;
	}
	.gallery-banner-two .gallery-banner-info h1 {
	  font-size: 55px;
	  line-height: 64px;
	}
	.banner-info-btn .template-white-btn {
		margin: 10px 8px 10px 0;
	}
	.model-template-image {
		height: 500px;
	}
	.gallery-tab-item {
		padding-right: 60px; 	
	}
	.template-gallery-banner, .templates-list-wrap, .navbar {
		padding-left: 30px;
		padding-right: 30px;
	}
	.gallery-templates-wrap {
		padding: 60px 30px 40px;
	}
	.gallery-tab-item > a {
		font-size: 18px;
	}
	.gallery-banner-info h1 {
		margin-bottom: 10px;
		font-size: 42px;
		line-height: 50px;
	}
	.gallery-banner-btn {
		margin-top: 10px;
	}
	.gallery-banner-info p {
		font-size: 15px;
	}
	.gallery-template-item > img {
		height: 430px;
	}
	.gallery-template-info .template-white-btn {
	  margin: 8px 0;
	}
	.gallery-template-item {
		margin-bottom: 40px;
	}
}

@media (max-width: 1490px) {
  .banner-right {
    width: 380px;
  }
  .contact-banner-right {
    margin: 40px 250px 100px 0;
  }
  .partners-banner .page-banner-right {
    width: 750px;
  }
  .partner-page .page-banner h1, .heading-two, .why-us h2 {
    font-size: 60px;
    line-height: 60px;
  }
  .custom-modal .modal-title {
    font-size: 60px;
    line-height: 70px;
  }
  .partners-banner .page-banner-left {
    width: 480px;
  }
  .partners-banner .page-banner-left p {
    width: 100%;
  }
}
@media (max-width: 1450px) {
  .code-editor .col-md-4 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .code-editor .col-md-8 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  .why-us h6, .image-text h5 {
    font-size: 20px;
    line-height: 30px;
  }
  .whylist-right h5 {
    font-size: 24px;
  }
  .partnership-benifits .icon-name {
    font-size: 24px;
    padding: 10px 0 5px;
  }
  .why-components h5 {
    font-weight: 300;
    font-size: 26px;
  }
  .tech-arch h5 {
    font-size: 26px;
    font-weight: 300;
    line-height: 34px;
  }
}

@media (max-width: 1399px) {
	.view-video, .video-item-image img {
		height: 270px;
	}
	.video-item-info {
	  padding: 20px 10px 15px;
	}
	.video-item-info h3 {
	  margin-bottom: 8px;
	  font-size: 22px;
	}
	.video-item-info p {
		font-size: 16px;
		line-height: 26px;
	}
	.video-play-icon img {
		width: 100px;
	}
	.blog-subscribe h2 {
		font-size: 28px;
	}
	.banner-info-btn .template-white-btn i, .banner-info-btn .template-black-btn i {
		margin-right: 0;
	}
	.banner-info-btn .template-white-btn, .banner-info-btn .template-black-btn {
		min-width: 200px;
	}
	.banner-info-btn {
	  padding: 5px 0 20px;
	}
	.gallery-banner-info h1 {
	  font-size: 38px;
	  line-height: 46px;
	}
	.gallery-tab-item > a {
		padding: 21px 22px 21px 0;
	}
  .site-stores .template-white-btn {
	min-width: 220px;
}
.gallery-tab-item {
  padding-right: 30px;
}
  .page-banner-right {
    width: 800px;
  }
  .banner-right {
    margin: 0 210px 0 0;
  }
  .nav-tabs .nav-item .nav-link {
    font-size: 18px;
    margin: 0 20px;
    padding: 20px 25px;
  }
  .contact-banner-right {
    width: 320px;
    margin: 20px 250px 40px 0;
  }
  .code-editor .col-md-4 .col-md-12 {
    margin-top: 30px !important;
  }
  .banner-text {
    padding: 80px 0 20px 50px;
  }
}

@media (max-width: 1380px) {
  footer input[type="email"] {
    width: 100%;
     margin-bottom: 10px;
  }
  footer .btn {
    width: 100%;
  }
  .partners-banner .page-banner-left {
    padding: 90px 0 0;
  }
  .partners-banner .page-banner-right {
    width: 670px;
  }
}

@media (max-width: 1299px) {
	.video-filter a {
		margin: 0 3px 10px;
	}
	.blog-subscribe h2 {
		font-size: 26px;
	}
	.price-item-info label {
		margin-right: 40px;
	}
	.help-item {
		height: 400px;
	}
	.gallery-banner-info p {
		font-size: 14px;
		line-height: 26px;
	}
	.gallery-banner-info h1 {
	  font-size: 35px;
	  line-height: 42px;
	}
	.gallery-template-item > img {
	  height: 400px;
	}
	.gallery-meta {
		padding-bottom: 20px;
	}
  .gallery-meta-filter a {
	padding: 12px 13px;
	font-size: 13px;
	}
  .page-banner-right {
    width: 650px;
  }
  .home-banner h1:before {
    top: -60px;
    font-size: 60px;
  }
  .banner-text {
    padding: 60px 0 20px 50px;
  }
  .home-banner h1 {
    font-size: 60px;
    line-height: 60px;
  }
  .banner-right {
    margin: 0 150px 0 0;
  }
  .contact-page {
    background: url(../images/contact-bg2.jpg) no-repeat 100% 0 #fff;
    background-size: cover;
  }
  .contact-banner-right {
    margin: 20px 150px 0 0;
  }
  .email-msgs .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .email-msgs .col-md-6:first-child {
    margin-bottom: 30px;
  }
  .tab-pane .card-body {
    min-height: 10px;
  }
  .tab-pane .card-header img {
    width: 50px;
  }
  .tab-pane .card-header span {
    padding: 0px 0 0 65px;
  }
  .thank-you-img img {
    max-width: 280px;
  }
  .code-editor .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .code-editor .col-md-8 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .code-editor .col-md-4 .col-md-12 {
    margin: 20px 0;
  }
}

@media (max-width: 1260px) {
  .partner-page .page-banner h1, .heading-two, .why-us h2 {
    font-size: 50px;
    line-height: 50px;
  }
  .custom-modal .modal-title {
    font-size: 50px;
    line-height: 60px;
    max-width: 560px;
  }
  .custom-modal .modal-header p {
    max-width: 750px;
  }
  .partners-banner .page-banner-right {
    width: 600px;
  }
  .image-text .col-lg-5.pl-3 {
    padding-left: 20px !important;
  }
  .image-text .col-lg-5.pr-3 {
    padding-right: 20px !important;
  }
}

@media (max-width: 1199px) {
	.video-banner-info h2 {
	  margin-bottom: 15px;
	  font-size: 45px;
	  line-height: 52px;
	}
	.auto-item h4 {
		font-size: 22px;
	}
	.auto-title h6 {
		font-size: 20px;
	} 
	.auto-item {
		padding: 75px 20px 15px;
	}
	.our-story h2 {
		padding-bottom: 0;
	}
	.payment-sidebar-card h4 {
		font-size: 16px;
	}
	.payment-information ul li span {
		font-size: 13px;
	}
	.payment-information ul li h5 {
		font-size: 16px;
	}
	.payment-popup {
		font-size: 14px;
	}
	.vendor-information-label {
		font-size: 14px;
	}
	.vendor-item span {
		font-size: 15px;
	}
	.payment-card h3 {
		font-size: 18px;
	}
	.pricing-banner {
		padding-top: 145px;
		background: #3a7cf6;
	}
	.pricing-tab {
		margin-top: 50px;
		padding-top: 50px;
	}
	.pricing-tab .nav-tabs .nav-item .nav-link {
		padding-bottom: 30px;
	}
	.pricing-banner-info img {
		width: 280px;
	}
	.price-item-info.check-list-two .radio-check::after {
		top: -1px;
		left: 0px;
	}
	.pricing-tab-title {
		font-size: 18px;
		line-height: 26px;
	}
	.price-item-info label {
		margin-bottom: 0;
	}
	.tab-pane .price-item-info label {
		font-size: 18px;
	} 
	.help-wrap {
		position: static;
		display: block;
	}
	.col-half {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    position: relative;
	    width: 100%;
	  }
	.list-main-info h1, .blog-detail-info h1 {
		font-size: 30px;
	}
	.list-item-info h2 {
		font-size: 28px;
	}
	.list-main-image img {
    height: 500px;
  }
  .list-item-image img {
    height: 300px;
  }
  .related-post {
    padding: 0 0 10px;
    border-left: none;
  }
  .related-post {
    padding-top: 30px;
  }
  .list-main-info {
    padding-left: 0;
    padding-right: 15px;
  }
  .blog-list-main .owl-dots {
    left: 60%;
  bottom: 20px;
  }
  .blog-list-item {
    margin-bottom: 30px;
  }
  .blog-detail-info {
    padding: 30px 20px;
  }
	.gallery-banner-two .gallery-banner-info {
		padding-bottom: 40px;
	}
	.help-item {
		height: 340px;
	}
	.help-item-image img {
	  width: 70px;
	}
	.help-item h4 {
		margin: 20px 0 8px;
		font-size: 22px;
	}
	.help-item p {
		font-size: 16px;
		line-height: 28px;
	}
	.mouse-scroll {
		display: none;
	}
	.template-gallery-tab {
		padding: 0 15px;
	}
	.gallery-tab-item {
	  padding-right: 50px;
	}
	.gallery-pagination {
		left: auto;
		bottom: auto;
		right: 0;
		top: 5px;
		padding: 10px 15px 7px;
		background: rgba(0, 0, 0, 0.15);
		border-radius: 5px;
	}
	.mouse-scroll {
		left: 50%;
		bottom: 20px;
		transform: translateX(-50%);
	}
	.gallery-banner-info {
		padding-bottom: 50px;
	}
	.gallery-banner-two .banner-right-image img {
		height: 550px;
	}
	.banner-info-btn .template-white-btn, .banner-info-btn .template-black-btn {
	  min-width: 230px;
	}
	.gallery-banner-two .gallery-banner-info h1 {
		padding-right: 0;
		font-size: 42px;
		line-height: 50px;
	}
	.quick-view-modal .close {
		top: 10px;
		right: 10px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	}
	.quick-view-modal .modal-dialog {
		margin-top: 1.75rem;
	}
	.template-white-btn {
		padding: 14px 15px;
		min-width: 210px;
	}
	.gallery-template-item > img {
	  height: 340px;
	}
	.template-info-inner {
		padding: 55px 20px 30px;
	} 
	.gallery-banner-info h1 {
	  padding-right: 135px; 
	  min-height: 50px;
	}
	.template-gallery-banner {
		padding-top: 135px;
		background: #3a7cf6;
	}
	.navbar-expand-lg .navbar-nav .nav-item {
		padding: 0 10px;
	}
	.navbar-light .navbar-nav .nav-link {
		font-size: 15px;
	}
	.navbar-brand img {
		width: 190px;
	}
  .banner-text {
    width: 100%;
    max-width: 600px;
    padding: 30px 0 50px 50px;
  }
  .partnership-benifits .feature-details {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .partnership-benifits .main-icon {
    float: none;
    margin: 0 auto;
  }
  .partnership-benifits .icons-info:before {
    width: 100%;
    left: 0;
  }
  .partnership-benifits .feature-details .btn {
    position: static;
    margin: 10px 0 0;
  }
  .partnership-benifits .icons-info {
    padding: 40px 0 25px;
  }
  .partnership-benifits .icon-name {
    padding: 15px 0 5px;
  }
  .home-page {
    background: url(../images/banner-bg2.jpg) no-repeat 50% 100%;
    background-size: cover;
  }
  .white-label-partners h5 {
    font-size: 20px;
    line-height: 30px;
  }
  .white-label-partners h6 {
    line-height: 30px;
  }
  .white-label-partners {
    padding: 40px 50px !important;
  }
  .partnership-benifits {
    padding: 200px 50px 50px;
  }
  .supported-services .row {
    margin: 0 -15px;
  }
  .supported-services .col-md-4 {
    padding: 0 15px;
  }
  .home-banner-image {
    padding-left: 0;
  }
  .home-banner h1:before {
    display: none;
  }
  .home-banner .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .home-banner h1 span {
    display: inline-flex;
  }
  .home-banner .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center !important;
    padding: 0;
  }
  .banner-text .btn {
    margin-top: 10px !important;
  }
  h1 {
    font-size: 60px;
  }
  h2 {
    font-size: 50px;
  }
  h3 {
    font-size: 28px;
  }
  .page-banner-right {
    width: 57%;
  }
  .banner-left {
    width: 100%;
  }
  .banner-right {
    float: left;
    width: 100%;
    margin: 30px 0 0;
  }
  .banner-right br {
    display: none;
  }
  .banner-right:before {
    color: #3163be;
  }
  .banner-right h3 {
    color: #fff;
  }
  .banner-right p {
    color: #fff;
  }
  .banner-features {
    width: 80%;
    padding: 60px 0 170px;
  }
  .icon-info h4 {
    font-size: 24px;
  }
  .product-features h2 {
    padding-bottom: 45px;
  }
  .slider-tabs .feature-info {
    text-align: center;
  }
  .slider-tabs .feature-icon {
    float: none;
    display: inline-block;
  }
  .slider-tabs .feature-details {
    width: 100%;
    overflow: hidden;
    padding: 20px 0 0;
  }
  .multiple-stores .col-md-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 50px;
  }
  .multiple-stores .col-md-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .multi-stores-info {
    width: 100%;
    text-align: center;
  }
  .multi-stores-info .col-md-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: left;
  }
  .inventory-management .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -ms-flex-order: 0;
    order: 0;
    padding: 0 50px 50px;
  }
  .inventory-management .col-md-4 .col-md-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .inventory-management .col-md-4 .col-md-12 .mt-5 {
    margin-top: 0px !important;
  }
  .icons-info {
    max-width: 100%;
  }
  .inventory-management .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .order-management .col-md-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    padding: 0 50px;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-management .col-md-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: right;
  }
  .order-management .col-md-5 .col-md-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: left;
  }
  .custom-site .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .site-left {
    padding: 0 50px 50px;
  }
  .custom-site .col-md-6 .col-md-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: left;
  }
  .custom-site {
    padding: 50px 50px 0;
  }
  .order-management.custom-catalog .col-md-7 {
    text-align: left;
  }
  .dashboard-reporting .col-md-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    padding: 0 50px 50px;
  }
  .dashboard-reporting .col-md-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .dashboard-reporting .col-md-5 .col-md-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: left;
  }
  .email-marketing .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .email-marketing .col-md-6.order-md-2 {
    -ms-flex-order: 0;
    order: 0;
    padding: 0 50px 50px;
  }
  .email-marketing .col-md-6 .col-md-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: left;
  }
  .custom-site .col-md-6.tree-image {
    padding: 0 100px;
  }
  footer {
    padding: 50px 50px 10px;
  }
  footer .footer-links {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #1951b5;
    padding: 0;
  }
  footer ul li {
    padding-bottom: 20px;
  }
  footer .footer-cols {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
  }
  footer p {
    margin-bottom: 5px;
  }

  /*home page css*/
  .code-editor .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -ms-flex-order: 0;
    order: 0;
    padding: 0 50px 10px;
  }
  .code-editor .col-md-4 .col-md-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: left;
  }
  .code-editor .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .nav-tabs .nav-item .nav-link {
    margin: 0 10px;
    font-size: 16px;
  }
  .tab-pane h4 {
    font-size: 24px;
    line-height: normal;
  }
  .tab-pane label {
    font-size: 16px;
  }
  .text-optional {
    font-size: 15px;
  }
  .tab-pane .form-group {
    margin-bottom: 20px;
  }
  .our-story .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .partners-banner .page-banner-left {
    width: 400px;
  }
  .whylist span {
    margin: 0 auto 20px;
  }
  .whylist-right {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .why-us h6, .image-text h5 {
    font-size: 17px;
    line-height: 24px;
  }
  .tech-arch h5, .why-components h5 {
      font-weight: 300;
      font-size: 22px;
      line-height: 30px;
  }
}
@media (max-width: 1120px) {
  .site-stores .icon-msg br {
    display: none;
  }
  .partners-banner .page-banner-left {
    padding: 80px 0 0;
  }
  .partners-banner .page-banner-right {
    width: 550px;
  }
  .image-text .col-lg-5, .image-text .col-lg-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .image-text .col-lg-5.pl-3, .image-text .col-lg-5.pr-3 {
    padding: 30px 15px 0 !important;
  }
  .image-text .order-lg-2 {
    -ms-flex-order: 0;
    order: 0;
  }
  .why-components img {
    max-width:80%;
  }
  .why-components .mb-4 {
    text-align: center;
  }
  .why-components h2 span {
    display: inline;
  }
  .why-components h2  {
    text-align: center;
  } 
  .why-components h5 {
    text-align: center;
  }
}
@media (max-width: 1099px) {
  .banner-bottom .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 30px;
  }
  .custom-modal .modal-header p {
    font-size: 22px;
    line-height: 30px;
  }
  .white-label-partners h5 br, .white-label-partners h6 br {
    display: none;
  }
  .main-bg, .main-bg.partner-page {
    background: url(../images/main-bg2.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .modal-btn-block .col-lg-9, .modal-btn-block .col-lg-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .modal-btn-block .col-lg-3 {
    text-align: left !important;
    padding-top: 25px;
  }
  .banner-features {
    width: 70%;
  }
  h1 {
    font-size: 50px;
  }
  h2 {
    font-size: 40px;
  }
  h3 {
    font-size: 24px;
  }
  .banner-left:before, .banner-right:before {
    font-size: 40px;
  }
  .banner-left {
    padding: 0 0 0 60px;
  }
  .banner-right {
    padding: 0 0 0 60px;
  }
  .banner-right:before {
    left: -10px;
  }
  .contact-page {
    background: url(../images/contact-bg3.jpg) no-repeat 100% 0 #fff;
    background-size: cover;
  }
  .contact-banner-right h3 {
    color: #ffffff;
  }
  .contact-banner-right p {
    color: #e2e9fc;
  }
  .contact-banner-left {
    width: 310px;
  }
  .nav-tabs .nav-item .nav-link {
    padding: 15px;
    margin: 0 5px;
  }
  .contact-form-left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    padding: 20px;
  }
  .contact-form-right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-left: none !important;
    border-top: 1px solid #dee2e6 !important;
    padding: 25px !important;
  }
  .thank-you-img img {
    max-width: 250px;
  }
  .dblock img {
    max-width: 200px;
  }
  .partner-page .page-banner h1, .heading-two, .why-us h2 {
    font-size: 48px;
    line-height: 48px;
  }
  .custom-modal .modal-title {
    font-size: 48px;
    line-height: 60px;
  }
  .partners-banner .page-banner-right {
    width: 500px;
  }
  .custom-modal .modal-header p {
    padding-bottom: 10px;
  }
  .custom-modal .close {
    top: 30px;
    right: 30px;
  }
}
@media (max-width: 1030px) {
  .navbar {
    padding: 35px 30px;
  }
  .page-banner.partners-banner {
    padding: 0 30px 10px;
  }
  .partners-banner .page-banner-left {
    padding: 40px 0 0;
  }
  .image-text, .why-us {
    padding: 30px !important;
  }
  .why-us .col-lg-6 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    margin: 0 auto;
  }
  .why-us h6 br, .image-text h5 br {
    display: none;
  }
}
@media (max-width: 991px) {
  	.try-social-drizzle {
      margin: 10px 0 0 40px;
    }
	.video-banner .template-gallery-banner {
	  padding: 115px 20px 50px;
	}
	.video-banner-info {
	  max-width: none;
	  padding-bottom: 40px;
	}
	.video-banner-info h2 {
	  margin-bottom: 8px;
	  font-size: 38px;
	  line-height: 50px;
	}
	.c2o-video-list {
	  padding: 0 20px 20px;
	}
	.auto-item h4 {
	  font-size: 18px;
	}
	.auto-item p {
	  font-size: 14px;
	  line-height: 26px;
	}
	.c2o-payment {
	  padding: 105px 0 45px;
	}
	.card-top-label {
		font-size: 16px;
		line-height: 26px;
	}
	.card-top-label br {
		display: none;
	}
	.pricing-banner-info h2 br {
		display: none;
	}
	.pricing-banner-info h2 {
		font-size: 45px;
	}
	.pricing-banner-info p br {
		display: none;
	}
	.pricing-banner-info h2 {
		margin-bottom: 15px;
	}
	.pricing-tab-label {
		min-width: 410px;
	}
	.pricing-banner-info img {
		width: 230px;
	}
	.pricing-banner {
		padding-top: 115px;
	}
	.price-item-info {
		padding-top: 0;
	}
	.price-item {
		padding: 25px 0;
	}
	.price-item h5 {
		font-size: 20px;
	}
	.template-gallery .navbar {
		top: 0;
	}
	.c2o-topbar {
		padding: 0 20px;
	}
	.support-modal-item {
		margin: 10px 0;
	}
	.support-modal .modal-dialog {
	  max-width: none;
	  margin: 20px 15px;
	}
	.support-modal .modal-title {
		font-size: 22px;
	}
	.support-top-info h5 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.blog-details-inner h1, .blog-details-inner h2, .blog-details-inner h3 {
		font-size: 26px;
	}
	.list-item-info h2 {
		font-size: 25px;
	}
	.blog-details-inner ol, .blog-details-inner ul {
    font-size: 16px;
    line-height: 30px;
  }
  .c2o-blog-list {
    padding-top: 100px;
  }
  .list-main-image img {
    height: 400px;
    width: 100% !important;
  }
  .list-main-info {
    padding: 30px 25px 50px;
  }
  .blog-list-main .owl-dots {
    left: 0;
    right: 0;
  }
  .c2o-blog-details {
    padding: 90px 0 0;
  }
  .blog-details-image img {
    width: 100%;
    height: 400px;
  }
  .blog-categorys-text {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .blog-details-image img {
    height: 280px;
  }
	.c2o-login-btn {
		margin: 0 0 20px;
	}
	.banner-info-btn {
		max-width: 600px;
	}
	.gallery-banner-two .gallery-banner-info {
		padding-bottom: 30px;
	}
	.gallery-banner-two .gallery-banner-info h1 {
		margin-bottom: 10px;
	}
	.quick-view-modal .template-white-btn.border-btn {
	  min-width: 210px;
	  margin: 5px 10px;
	}
	.quick-view-modal .modal-dialog {
		max-width: 720px;
	}
	.model-template-image {
	  height: 400px;
	}
	.gallery-templates-wrap {
	  padding: 50px 30px 30px;
	}
	.gallery-tab-item {
	  padding-right: 70px;
	}
	.gallery-tab-item .dropdown-menu {
		max-width: 700px;
		min-width: 700px;
	}
	.gallery-banner-info {
	  padding-bottom: 25px;
	}
	.gallery-banner-info h1 {
		margin-bottom: 10px;
	}
	.gallery-meta .form-group {
		padding: 15px 0 20px;
	}
	.gallery-tab-item .dropdown-menu {
		padding: 15px 8px;
	}
  .navbar {
    position: absolute;
    width: 100%;
    z-index: 9;
    left: 0;
    top: 36px;
    background: #3b7cf6;
    padding: 10px 15px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	transition: none;
  }
	.navbar.sticky {
	  position: fixed;
	  top: 0;
	}
	.template-gallery .navbar.sticky {
		top: 0;
	}
	.template-gallery .navbar {
	  top: 36px;
	}
  .border-right-lg-none {
    border-right: none !important;
  }
  .partnership-benifits h3 {
    margin-bottom: 20px !important;
  }
  .partnership-benifits .icons-info {
    width: 80%;
    margin: 0 auto;
  }
  .supported-services .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .top-box-style {
    padding: 90px 0 0;
  }
  .supported-services {
    text-align: center;
  }
  .supported-services h5, .product-pricing h5 {
    max-width: 100%;
  }
  .setup-fees .card-body.bg-gray {
    padding: 25px !important;
  }
  footer {
    padding: 35px 10px 20px;
  }
  .navbar-collapse {
    position: fixed;
    top: 110px;
    left: -120%;
    z-index: 0;
    background: #508af8;
    height: 100%;
    width: 100%;
    overflow: auto;
    padding-bottom: 70px;
    -webkit-transition: all ease .4s;
    -ms-transition: all ease .4s;
    transition: all ease .4s;
  }
  .navbar-collapse.show {
    left: 0;
    height: 100%;
  }
  .navbar.sticky .navbar-collapse {
	top: 75px;
  }
  .navbar-light .navbar-brand {
    width: 200px;
  }
  .page-banner {
    margin-top: 57px;
  }
  .navbar .btn {
    min-width: 100%;
    background: #fec337;
    border: none;
  }
  .navbar-expand-lg .navbar-nav .nav-item {
    padding: 0;
    border-bottom: 1px solid #3b7cf6; 
  }
  .navbar-expand-lg .navbar-nav .nav-item .nav-link {
    padding: 15px;
    color: #fff;
  }
  .navbar-expand-lg .navbar-nav .nav-item .nav-link:hover {
    color: #fec337;
  }
  .navbar-expand-lg .navbar-nav .nav-item .nav-link.active {
    color: #03296d;
  }
  .navbar-light .navbar-nav .nav-link:hover:before, .navbar-light .navbar-nav .active>.nav-link:before, .navbar-light .navbar-nav .nav-link.active:before {
    display: none;
  }
  .navbar .my-2 {
    padding: 15px;
  }
  .contact-banner {
    padding: 140px 50px 50px 50px;
  }
  .contact-banner-left {
    width: 100%;
  }
  .contact-banner-right {
    width: 100%;
    margin: 20px 0;
  }
  .navbar {
    padding: 20px;
  }
  .site-stores h2 br, .site-stores h6 br {
    display: none;
  }
  .navbar-light .navbar-toggler-icon {
    background: #fff;
    height: 3px;
    position: relative;
  }
  .navbar-light .navbar-toggler-icon:before {
    content: "";
    background: #fff;
    height: 3px;
    position: absolute;
    top: -8px;
    right: 0;
    width: 100%;
    z-index: 0;
    -webkit-transition: all ease .4s;
    -ms-transition: all ease .4s;
    transition: all ease .4s;
  }
  .navbar-light .navbar-toggler-icon:after {
    content: "";
    background: #fff;
    height: 3px;
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 100%;
    z-index: 0;
    -webkit-transition: all ease .4s;
    -ms-transition: all ease .4s;
    transition: all ease .4s;
  }
  .navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background: none;
  }
  .navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    top: 0;
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  .navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    top: 0;
    -webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
  }
  .banner-text {
    padding: 130px 0 50px 50px;
  }
  .page-banner.partners-banner {
    padding: 40px 30px 30px;
  }
  .partners-banner .page-banner-right {
    width: 470px;
  }
  .image-text .col-lg-5.pl-3, .image-text .col-lg-5.pr-3 {
    padding: 10px 15px 0 !important;
  }
  .partners-banner .page-banner-left, .partners-banner .page-banner-right {
    width: 100%;
  }
}
@media (max-width: 899px) {
  .multi-stores-info .col-md-12, .inventory-management .col-md-4 .col-md-12, .order-management .col-md-5 .col-md-12, .custom-site .col-md-6 .col-md-12, .dashboard-reporting .col-md-5 .col-md-12, .email-marketing .col-md-6 .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .inventory-management .col-md-4 .col-md-12 .mt-5 {
    margin-top: 3rem!important;
  }
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 22px;
  }
  h6 {
    font-size: 18px;
    line-height: normal;
  }
  .page-banner p {
    font-size: 16px;
  }
  /*home page css*/
  .code-editor .col-md-4 .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .home-banner h1 {
    font-size: 40px;
    line-height: 45px;
  }
  .banner-text .btn {
    margin-top: 0px !important;
    font-size: 18px;
  }
  .footer-icon {
    display: none;
  }
  .footer-info {
    margin-left: 0;
  }
  .video-banner-info h1 {
    font-size: 40px;
    line-height: 45px;
  }
}
@media (max-width: 799px) {
  .page-banner-right {
    position: static;
    padding: 0 0 20px;
    margin: 0;
    width: 100%;
  }
  .page-banner-right .desktop-image {
    display: none;
  }
  .page-banner-right .mobile-image {
    display: block;
  }
  .page-banner-left {
    padding: 13px 0 0;
    width: 100%;
  }
  .banner-features {
    width: 100%;
  }
  .product-features h2 {
    padding-bottom: 25px;
  }
  .product-features, .multiple-stores, .inventory-management, .email-marketing {
    padding: 30px 0;
  }
  .order-management, .dashboard-reporting {
    padding: 30px 0 0;
  }
  .custom-site {
    padding: 30px 0px 0;
  }
  .page-banner {
    overflow: hidden;
  }
  .banner-left:before, .banner-right:before {
   left: 20px;
   color: #b18925;
   font-size: 30px;
  }
  .banner-left, .banner-right {
    padding: 0 0 0 70px;
  }
  .banner-features {
    position: relative;
    padding: 50px 0;
    display: inline-block;
  }
  .banner-features:after {
    content:"";
    position: absolute;
    top: 0; 
    left:95%;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fec435;
  }
  .banner-features:before {
    content:"";
    position: absolute;
    top: 0; 
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fec435;
    -webkit-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
  }
  .custom-site .col-md-6.tree-image {
    padding: 0 10px;
  }
  .banner-features h3 {
    font-size: 30px;
    color: #000;
  }
  .banner-features p {
    color: #33270b;
  }
}
@media (max-width: 767px) {
  	.social-drizzle {
      padding: 20px;
    }
	.video-play-icon {
		font-size: 70px;
	}
	.video-item-link {
		min-width: 140px;
	}
	.video-banner .template-gallery-banner {
	  padding: 105px 15px 50px;
	}
	.c2o-video-list {
	  padding: 0 15px 20px;
	}
	.video-banner-info h2 {
		font-size: 32px;
		line-height: 44px;
	}
	.video-banner-info p {
	  font-size: 19px;
	  line-height: 26px;
	}
	.video-play-icon img {
	  width: 70px;
	}
	.cto-video {
		width: 100px;
		height: 100px;
	}
	.video-image {
	  border: 3px solid #fff;
	}
	.play-icon {
		width: 30px;
	}
	.copy-right-text {
		padding-top: 20px;
		margin-top: 0;
		text-align: center;
	}
	.auto-title h6 {
		font-size: 16px;
	}
	.auto-pilot {
		padding: 50px 0;
	}
	.auto-title h2 {
		padding-bottom: 0;
	}
	.auto-item {
	  padding: 80px 20px 18px;
      margin: 85px auto 0;
	  min-height: 10px;
	}
	.auto-item-icon {
		margin: 0 auto;
	}
	.topbar-links a {
		display: block;
	}
	.topbar-links a::after {
		display: none;
	}
	.pricing-modal .modal-dialog {
		margin: 15px;
	}
	.pricing-modal .modal-body {
	  padding: 30px 15px 10px;
	}
	.pricing-modal .modal-body h5 {
	  margin: 15px 0 10px;
	  font-size: 20px;
	}
	.pricing-modal .modal-header {
		text-align: left;
		padding: 10px 50px 10px 10px;
	}
	.pricing-modal .modal-header h5 {
		font-size: 18px;
	}
	.pricing-modal .modal-body h5 {
		font-size: 18px;
		line-height: 28px;
	}
	.price-item-info.check-list-two .radio-check::after {
	  top: 0px;
	  left: 1px;
	}
	.pricing-banner-info h2 {
	  font-size: 35px;
	}
	.pricing-banner-info {
		text-align: center;
	}
	.pricing-tab .pricing-tab-icon {
		display: flex !important;
	}
	.price-item h5 {
		font-size: 18px;
		line-height: 24px;
	}
	.tab-pane .price-item-info label {
		font-size: 16px;
	}
	.price-item-info label {
	  margin-right: 0;
	  display: block;
	}
	.radio-check {
		top: 10px;
	}
	.pricing-tab-info {
		padding: 20px 0;
	}
	.pricing-tab .nav-tabs .nav-item .nav-link {
		text-transform: inherit;
	}
	.pricing-banner-info img {
		margin-top: 15px;
	}
	.topbar-help-link {
		padding: 6px 10px;
	}
	.c2o-topbar {
		padding: 0 15px;
	}
	.c2o-topbar .row {
		margin: 0 -5px;
	}
	.c2o-topbar [class*="col-"] {
		padding: 0 5px;
	}
	.support-modal .modal-header {
		padding: 11px 15px;
	}
	.support-top-info {
	  padding: 25px 15px 20px;
	}
	.support-middle-info {
	  padding: 20px 15px 10px;
	}
	.support-bottom-info {
	  padding: 20px 15px;
	}
	.support-middle-info h5 {
	  margin-bottom: 8px;
	  font-size: 20px;
	}
	.support-modal .modal-title {
		font-size: 18px;
	}
	.blog-details-inner h1, .blog-details-inner h2, .blog-details-inner h3 {
		font-size: 24px;
	}
	.list-main-info h1, .blog-detail-info h1 {
		font-size: 26px;
	}
	.c2o-blog {
    padding: 40px 0 20px;
  }
  .list-item-info {
    padding-left: 0;
  }
  .blog-list-item {
    margin-bottom: 30px;
  }
  .list-main-image img {
    height: 300px;
  }
  .list-item-image img {
    height: 250px;
  }
  .list-item-info {
    padding-top: 15px;
  }
  .blog-detail-info {
    padding: 25px 20px;
  }
  .move-arrow {
    margin-top: 10px;
  }
  .blog-details {
    padding: 10px 0;
  }
	.help-wrap-info {
		padding-top: 0;
	}
	.help-item {
		margin-bottom: 30px;
	}
	.help-modal .modal-dialog {
	  max-width: none;
		margin: .5rem;
	}
	.help-modal .modal-body p {
		font-size: 15px;
	}
	.help-modal .modal-header, .help-modal .modal-body, .help-modal .modal-footer {
		padding-left: 15px;
		padding-right: 15px;
	}
	.theme-preview a span, .use-template a span, .template-info-preview span {
	  display: none;
	}
	.templates-list-wrap {
		padding: 40px 15px 10px;
	}
	.gallery-back-btn {
	  padding-bottom: 10px;
	}
	.template-gallery-banner.gallery-banner-two {
		background: #3a7cf6;
	}
	.template-white-btn.border-btn {
		font-size: 14px;
	}
	.gallery-banner-two .gallery-banner-info h1 {
	  font-size: 36px;
	  line-height: 42px;
	}
	.gallery-banner-two .banner-right-image img {
	  height: 400px;
	}
	.templates-list-wrap.similar-templates {
		padding-top: 120px;
	}
	.quick-view-modal .modal-dialog {
		max-width: none;
		margin: 1rem;
	}
	.gallery-templates-wrap {
	  padding: 30px 15px 10px;
	}
	.template-gallery-tab {
		padding: 0 15px;
	}
	.gallery-tab-item {
	  padding-right: 50px;
	}
	.gallery-tab-item > a {
		font-size: 15px;
	}
	.template-gallery-banner {
	  padding: 95px 15px 0;
	}
	.gallery-banner-info h1 {
		font-size: 32px;
		line-height: 40px;
	}
	.gallery-template-item {
	  margin-bottom: 30px;
	}
	.gallery-tab-item .dropdown-menu {
	  max-width: 310px;
	  min-width: 310px;
	}
	.gallery-tab-item .dropdown-menu ul li {
		padding: 8px 10px;
		width: 100%;
		float: none;
		border-right: none;
	}
  .email-marketing .col-md-6.order-md-2, .dashboard-reporting .col-md-5, .order-management .col-md-5, .custom-site .col-md-6, .inventory-management .col-md-4, .multiple-stores .col-md-5 {
    padding: 0 20px 20px;
  }
  .slider-tabs .col-md-4 {
    width: 33.33%;
    padding: 0 5px;
  }
  .service-list {
    height: auto;
  }
  .custom-modal .close img {
    width: 40px;
  }
  .modal-body .product-pricing.py-5 {
    padding-top: 30px !important;
  }
  .custom-modal .close {
    top: 15px;
    right: 15px;
  }
  .whylist-right h5 {
    font-size: 20px;
  }
  .modal-btn-block .col-lg-3 {
    text-align: center !important;
  }
  .white-label-partners {
    padding: 30px !important;
  }
  .custom-modal .modal-header {
    padding: 1rem 0;
  }
  .partnership-benifits .icons-info {
    width: 100%;
  }
  .supported-services .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .setup-fees h6 br {
    display: none;
  }
  .supported-services h5, .product-pricing h5 {
    font-size: 20px;
    line-height: 30px;
  }
  .get-email-box .btn {
    width: 100%;
  }
  .setup-fees {
    padding: 0 20px 40px !important;
  }
  .supported-services {
    padding: 30px !important;
  }
  .partnership-benifits {
    padding: 200px 30px 30px;
  }
  .slider-tabs .col-md-4 .feature-details .feature-msg {
    display: none;
  }
  .feature-name {
    font-size: 14px;
  }
  .feature-icon {
    width: 50px;
    height: 50px;
  }
  .feature-info {
    padding: 20px 10px;
  }
  .rounded-custom .card-body.p-5, .modal-body .setup-fees .card-body.p-5 {
    padding: 20px !important;
  }
  .card-body .col-md-3.text-right {
    text-align: left !important;
    padding-top: 20px;
  }
  .container.pt-5 {
    padding: 20px 5px 0 !important;
  }
  .get-email-box {
    max-width: 90%;
  }
  .container.pt-5 .get-email-box {
    max-width: 100%;
  }
  .feature-icon {
    background: url(../images/editor-sprite.png) no-repeat 11px 8px #ffffff;
    background-size: 600px auto;
  }
  .active .feature-icon, .feature-info:hover .feature-icon {
    background: url(../images/editor-sprite.png) no-repeat 11px -50px #1a9f55;
    background-size: 600px auto;
  }
  .feature-icon.seo {
    background: url(../images/editor-sprite.png) no-repeat -276px 12px #ffffff;
    background-size: 600px auto;
  }
  .active .feature-icon.seo, .feature-info:hover .feature-icon.seo {
    background: url(../images/editor-sprite.png) no-repeat -276px -48px #1a9f55;
    background-size: 600px auto;
  }
  .feature-icon.add-page {
    background: url(../images/editor-sprite.png) no-repeat -566px 11px #ffffff;
    background-size: 600px auto;
  }
  .active .feature-icon.add-page, .feature-info:hover .feature-icon.add-page {
    background: url(../images/editor-sprite.png) no-repeat -566px -48px #1a9f55;
    background-size: 600px auto;
  }
  footer .btn.subscribe {
    min-width: 100%;
  }
  footer {
    padding: 20px 20px 10px;
  }
  .page-banner {
    padding: 35px 30px 10px;
  }
  .contact-banner {
    padding: 140px 30px 30px 30px;
  }
  .card-header {
    font-size: 24px;
  }
  .tab-pane .card-header span {
    padding: 5px 0 0 65px;
  }
  .country-code {
    width: 100%;
  }
  .submit-btn-block {
    text-align: left !important;
    margin-top: 30px;
  }
  .nav-tabs .nav-item .nav-link span {
    display: block;
  }
  .nav-tabs .nav-item .nav-link img.default-icon {
    display: inline-block;
  }
  .nav-tabs .nav-item .nav-link.active img.default-icon {
    display: none;
  }
  .nav-tabs .nav-item .nav-link.active img.active-icon {
    display: inline-block;
  }
  .nav-tabs .nav-item:first-child .nav-link {
    margin-left: 10px;
  }
  .nav-tabs .nav-item:last-child .nav-link {
    margin-right: 10px;
  }
  .nav-tabs .nav-item .nav-link {
    text-align: center;
    padding: 10px 0;
    font-size: 8px;
    text-transform: uppercase;
    font-weight: 500;
  }
  .site-stores {
    padding: 30px 20px;
  }
  .integrated-analytics {
    padding: 30px 0;
  }
  .code-editor {
    padding: 30px 0 0 0;
  }
  .our-story {
    padding: 30px 0;
  }
  .code-editor .col-md-4 {
    padding: 0 20px 10px;
  }
  .why-us .col-lg-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .image-text .col-lg-5.pl-3, .image-text .col-lg-5.pr-3 {
    padding: 0 15px !important;
  }
  .partners-banner .page-banner-left p {
    margin: 0 0 10px !important;
  }
}

@media (max-width: 640px) {
  .banner-text {
    max-width: 100%;
    padding: 110px 30px 50px 30px;
  }
  .banner-text p {
    margin: 0 0 25px 0 !important;
  }
}

@media (max-width: 575px) {
    .social-drizzle {
      text-align: center;
    }
    .social-drizzle h2 {
      font-size: 24px;
    }
    .social-drizzle h2 i {
      font-size: 28px;
    }
    .social-drizzle h6 {
      font-size: 17px;
      padding: 0;
    }
    .try-social-drizzle {
      margin-left: 0;
    }
    
  	.tech-arch h5 {
      font-size: 18px;
    }
    .why-component h5 {
      font-size: 20px;
    }
	.video-banner-info .btn {
    	min-width: 100%;
	}
	.video-filter a {
		min-width: 120px;
	}
	.topbar-help-form .select2-container {
		width: 100% !important;
	}
	.banner-text {
		padding: 110px 15px 10px 15px;
	}
	.our-story h6 {
		font-size: 16px;
		line-height: 26px;
	}
	.our-story p {
		font-size: 15px;
		line-height: 30px;
	}
	.code-editor h6 {
		font-size: 16px;
	}
	.icon-msg {
		font-size: 14px;
	}
	.icon-name {
		font-size: 20px;
	}
	.feature-details {
		padding: 15px 0 0;
	}
	.payment-table .table-responsive {
		white-space: normal;
	}
	.payment-table table tbody td:first-child {
	  min-width: 300px;
	}
	.pricing-modal.website-need .modal-body {
		padding: 30px 15px 0;
	}
	.website-need-info {
		margin-left: 15px;
	}
	.website-need-info h4 br {
		display: none;
	}
	.website-need-info h4 {
		font-size: 16px;
	}
	.thank-you-image img {
		width: 140px;
	}
	.pricing-tab .nav-tabs {
		margin: 0;
	}
	.website-need-info-icon {
		vertical-align: top;
	}
	.pricing-tab .nav-tabs .nav-item {
		display: block;
		width: 100%;
	}
	.pricing-tab .nav-tabs .nav-item .nav-link:before {
		background-size: 80px auto;
	}
	.pricing-tab .nav-tabs .nav-item .nav-link.active:after {
		display: none;
	}
	.pricing-banner-info h2 {
	  font-size: 28px;
	}
	.pricing-banner-info img {
	  width: 170px;
	}
	.topbar-help-wrap .country-code {
		margin-bottom: 15px;
	}
	.topbar-help-wrap {
		width: 380px;
	}
	.banner-info-btn .template-white-btn, .banner-info-btn .template-black-btn {
	  min-width: 210px;
	}
	.browse-temp-link {
		min-width: 100%;
	}
	.model-template-image {
	  height: 350px;
	}
	.gallery-tab-item {
	  padding-right: 30px;
	}
  h2 {
    font-size: 24px;
  }
  .copy-right-text {
    margin-top: 10px;
  }
  h3 {
    font-size: 20px;
  }
  .table tr td .pl-2 {
    width: 100%;
  }
  .top-box-style {
    padding: 80px 0 0;
  }
  .white-label-partners h5 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
  }
  .white-label-partners h6 {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
  }
  .partnership-benifits h3 {
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 0 !important;
  }
  .partnership-benifits {
    padding: 180px 0 20px;
  }
  .supported-services {
    padding: 30px 0 !important;
  }
  .setup-fees h4 {
    font-size: 24px;
  }
  .setup-fees h6 {
    font-size: 18px;
  }
  .setup-fees {
    padding: 0 0 25px !important;
  }
  .table-responsive {
    white-space: nowrap;
  }
  .banner-left:before, .banner-right:before {
    font-size: 30px;
  }
  .icon-info h4 {
    font-size: 22px;
  }
  .banner-right {
    margin: 10px 0 0;
  }
  .product-features {
    padding: 30px 0 0;
  }
  .multiple-stores, .inventory-management, .email-marketing {
    padding: 30px 0;
  }
  .supported-services h5, .product-pricing h5 {
    font-size: 18px;
    line-height: 26px;
  }
  .box-style {
    margin: 20px 20px 0;
  }
  .order-management, .dashboard-reporting {
    padding: 30px 0 0;
  }
  .custom-site {
    padding: 30px 0 0;
  }
  .icon-name {
    font-size: 22px;
  }
  .icons-info {
    text-align: center;
  }
  .main-icon {
    float: none;
    display: inline-block;
    margin: 0 auto;
  }
  .page-banner {
    padding: 35px 20px 20px;
  }
  .contact-banner {
    padding: 90px 0 0;
  }
  .thankyou-page .contact-banner {
    padding: 90px 30px 30px;
  }
  .contact-form-right {
    padding: 15px !important;
  }
  .tab-pane h4 {
    font-size: 20px;
  }
  .email-msgs {
    margin-top: 25px !important;
  }
  .thank-you-img {
    margin-bottom: 25px !important;
  }
  .thankyou-page .thank-you-img {
    margin-bottom: 0 !important;
  }
  .contact-form-left {
    padding: 15px;
  }
  .contact-banner-top {
    padding: 0 25px;
  }
  .card-header {
    padding: 10px;
    font-size: 20px;
  }
  .home-banner h1 {
    font-size: 30px;
    line-height: 36px;
  }
  .banner-text .btn {
    font-size: 16px;
    min-width: 200px;
  }
  .navbar {
    padding: 15px;
  }
  footer {
    padding: 20px 15px 10px;
    text-align: center;
  }
  .home-banner .col-md-5, .site-stores, .integrated-analytics {
    text-align: center;
  }
  footer .footer-cols {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  footer .footer-links {
    margin-bottom: 20px;
  }
  footer input[type="email"] {
    text-align: center;
  }
  .banner-text .btn {
    min-width: 100%;
  }
  .tab-pane .btn-primary {
    min-width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
  }
  p {
    font-weight: 300;
  }
  .partner-page .page-banner h1, .heading-two, .why-us h2 {
    font-size: 30px;
    line-height: 36px;
  }
  .custom-modal .modal-title {
    font-size: 24px;
    line-height: 36px;
  }
  .custom-modal .modal-header p {
    font-size: 18px;
  }
  .partners-banner .page-banner-left {
    padding: 10px 0 0;
  }
  .page-banner.partners-banner {
    padding: 20px 20px 0px;
  }
  .image-text, .why-us {
    padding: 25px 20px !important;
  }
  .video-banner-info h1 {
    font-size: 30px;
    line-height: 36px;
  }
}

@media (max-width: 479px) {
	.video-banner .template-gallery-banner {
	  padding: 90px 15px 40px;
	}
	.video-item-info h3 {
		font-size: 20px;
	}
	.video-banner-info h2 {
	  font-size: 28px;
	  line-height: 38px;
	}
	.blog-subscribe .alert-danger, .blog-subscribe #blog-subs-message {
		margin-top: -5px;
	}
	.blog-subscribe {
		padding: 20px 15px;
	}
	.blog-subscribe h2 {
		margin-bottom: 5px;
		font-size: 24px;
	}
	.blog-subscribe h6 {
		font-size: 14px;
		line-height: 24px;
	}
	.subscribe-form label {
		font-size: 16px;
	}
	.blog-subscribe p {
		font-size: 14px;
		line-height: 24px;
	}
	.subscribe-form {
		display: block;
		padding: 10px 0 20px;
	}
	.subscribe-form .btn {
		width: 100%;
		margin: 15px 0 0;
	}
	.auto-item {
	  padding: 70px 20px 18px;
	}
	.auto-item-icon img {
	  width: 45px;
	}
	.auto-item-icon {
		top: -45px;
		width: 90px;
		height: 90px;
	}
	.payment-card-inner .payment-btn .btn-primary, .payment-card-inner .payment-btn .btn-light {
		min-width: 130px;
	}
	.c2o-payment {
	  padding: 90px 0 45px;
	}
	.payment-card h3 {
		font-size: 16px;
		padding: 13px 15px;
	}
	.payment-card-inner {
	  padding: 15px 15px 10px;
	}
	.save-information h6 {
		font-size: 16px;
		line-height: 26px;
	}
	.save-information p {
		font-size: 16px;
		line-height: 26px;
	}
	.blog-details-inner div {
		font-size: 16px;
    	line-height: 28px;
	}
	.payment-btn .btn-primary {
		min-width: 100%;
	}
	.pricing-modal .modal-header h5 {
	  font-size: 16px;
	}
	.website-need-item {
		margin-bottom: 20px;
	}
	.website-need-info h4 {
		padding: 10px 0 0;
	}
	.pricing-modal.website-need .modal-body {
	  padding: 15px 15px 0;
	}
	.website-need-info {
	  padding: 10px;
	}
	.website-need-info-icon {
	  display: block;
	}
	.website-need-info-icon img {
	  min-width: 40px;
	  width: 40px;
	}
	.modal-footer.pricing-btns {
	  padding: 10px 15px;
	}
	.pricing-btns .btn, .pricing-btns .btn-primary {
		min-width: 110px;
	}
	.pricing-banner-info h2 {
		line-height: 32px;
	}
	.price-item h5 {
		font-size: 16px;
		line-height: 24px;
	}
	.price-item-info, .price-item h5 {
		padding-left: 40px;
	}
	.price-item h5 span {
		top: 3px;
		width: 25px;
		height: 25px;
		font-size: 14px;
		line-height: 23px;
	}
	.pricing-banner {
	  padding-top: 105px;
	}
	.pricing-banner-info h2 {
	  font-size: 22px;
	}
	.pricing-tab-label {
		min-width: 320px;
		padding: 10px 25px;
		font-size: 15px;
	}
	.topbar-help-hover {
		top: 3px;
	}
	.navbar-collapse {
		top: 98px;
	}
	.navbar.sticky .navbar-collapse {
	  top: 65px;
	}
	.navbar {
		top: 33px;
	}
	.topbar-help-btn {
		min-width: 110px;
	}
	.topbar-help-wrap {
		width: 340px;
	}
	.topbar-help-wrap-inner {
	  padding: 15px;
	}
	.c2o-topbar {
		font-size: 14px;
	}
	.support-modal .modal-dialog {
		margin: 10px;
	}
	.support-top-info h5 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.support-modal-icon {
		float: none;
	}
	.support-modal-info {
		padding: 15px 0 0;
	}
	.theme-preview-bar .template-content p {
	  font-size: 14px;
	  line-height: 24px;
	}
	.blog-details-inner h1, .blog-details-inner h2, .blog-details-inner h3 {
		font-size: 22px;
	}
	.content-info, .content-info p {
	  font-size: 16px;
	  line-height: 28px;
	}
	.list-main-info h1, .blog-detail-info h1 {
		font-size: 22px;
	}
	.list-item-info h2 {
		font-size: 20px;
	}
	.list-main-info {
    padding: 20px 15px 50px;
  }
  .list-main-info p {
    margin-bottom: 0;
  }
  .share-social-link a {
    display: block;
    margin: 10px 0 0;
  }
  .blog-details-image img {
    height: 250px;
  }
  .blog-details-inner {
    padding-top: 0;
  }
  .related-post-image img {
    width: 100px;
    height: 90px;
  }
  .related-post-item {
    margin-bottom: 25px;
  }
  .related-post {
    padding-top: 10px;
  }
  .related-post-tags {
    padding-bottom: 10px;
  }
  .blog-detail-info {
    padding: 20px 15px;
  }
  .related-post-tags a {
    font-size: 12px;
  }
  .blog-details-image img {
    height: 230px;
  }
	.banner-info-btn .template-white-btn, .banner-info-btn .template-black-btn {
		margin: 10px 0;
	  min-width: 100%;
	}
	.help-modal .help-btn {
		margin-right: 10px;
	}
	.gallery-meta-filter a {
		padding: 12px 10px;
	}
	.model-template-image {
	  height: 300px;
	}
	.gallery-banner-info h1, .gallery-banner-two .gallery-banner-info h1 {
	  font-size: 26px;
	  line-height: 34px;
	}
	.gallery-banner-info p {
		font-size: 16px;
		line-height: 26px;
	}
	.template-gallery-tab {
		text-align: left;
	}
	.gallery-tab-item {
		display: block;
		padding-right: 0;
	}
	.gallery-tab-item > a {
		display: block;
	}
	.gallery-banner-two .banner-right-image img {
	  height: 300px;
	}
}
	
@media (max-width: 499px) {
  .banner-bottom .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center;
  }
  .banner-bottom .col-md-3 .icon-block {
    float: none;
    margin: 0 auto;
  }
  .banner-bottom .col-md-3 .icon-info {
     padding: 8px 0 0;
   }
  .page-banner-left {
    padding: 0;
  }
  .banner-features h3 {
  	font-size: 24px;
  }
  .get-email-box {
    width: 100%;
  }
  .custom-modal .modal-title {
    max-width: 240px;
  }
}

@media (max-width: 359px) {
	.blog-subscribe h2 {
		font-size: 22px;
	}
	.website-need-info h4 {
	  font-size: 13px;
	  line-height: 20px;
	}
	.pricing-tab-label {
		min-width: 300px;
		font-size: 14px;
	}
	.topbar-help-wrap {
		width: 300px;
	}
	.theme-preview-bar .dropdown-menu {
		min-width: 300px;
	}
	.help-wrap img {
		width: 40px;
	}
	.help-wrap-info a {
		font-size: 16px;
	}
	.help-wrap-info a i {
		font-size: 21px;
		line-height: 21px;
	}
	.help-wrap-info h4 {
	  font-size: 14px;
	}
	.gallery-meta-filter a {
	  padding: 10px 9px;
	  font-size: 11px;
	}
	.templates-list-meta h4 {
		margin-top: 10px;
		font-size: 16px;
	}
}