/*
Theme Name: FlyoPedia
Theme URI: http://flyopedia.com/
Author: Travel Team
Author URI: http://flyopedia.com/
Description: Grab best holiday deals from USA to India with flyopedia. Get discount up to $50 on flight tickets to India from USA. Call now at 1-866-575-4903 (Toll Free).
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: cheap tickets to india from usa, tickets to india from usa, delta airlines flight tickets from usa to india, cheap flight tickets to india from usa, flight tickets to india from usa, cheap tickets india to usa, best holiday deals from USA to india, united airlines flights from usa to india
Text Domain: flyopedia

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* Margin for all sides */
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

/* Margin for top */
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

/* Margin for bottom */
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

/* Margin for left */
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

/* Margin for right */
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }

/* Margin for x-axis (left and right) */
.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }

/* Margin for y-axis (top and bottom) */
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

/* Padding for all sides */
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

/* Padding for top */
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

/* Padding for bottom */
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

/* Padding for left */
.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.25rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }

/* Padding for right */
.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }

/* Padding for x-axis (left and right) */
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }

/* Padding for y-axis (top and bottom) */
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }



@-webkit-keyframes swing {
	15% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}

	30% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}

	50% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px);
	}

	65% {
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px);
	}

	80% {
		-webkit-transform: translateX(2px);
		transform: translateX(2px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes swing {
	15% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}

	30% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}

	50% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px);
	}

	65% {
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px);
	}

	80% {
		-webkit-transform: translateX(2px);
		transform: translateX(2px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.pulse {
	animation-name: pulse;
	-webkit-animation-name: pulse;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.9);
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
	}

	50% {
		-webkit-transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.95);
	}
}


.mainbanner.new {
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgb(9 80 124) 100%);
	background: url(https://www.flyopedia.com/wp-content/themes/flyopedia/images/fliopedia-banner-3.jpg) !important;
	background-repeat: no-repeat !important;
	background-size: cover;
	background-position: center;
	min-height: 520px !important;
}

.mainbanner.new .banner-form {
	background: transparent;
}

.bannerTxt {
	text-align: left;
}

.mainbanner.new .rightcontent {
	text-align: left !important;
	margin-top: 45px !important;
}

.bannerTxt h3 {
	font-weight: 200;
	text-shadow: none !important;
	font-size: 34px;
	text-transform: uppercase;
}

.bannerTxt span {
	font-size: 38px;
	font-weight: 800;
	line-height: 52px !important;
}

.rightcontent .col-md-5 {
	display: flex;
	border-right: 1px solid #ffffff8c;
	height: 81px !important;
	padding-top: 34px;
}

.mainbanner.new .rightcontent {
	text-align: left !important;
}

.col-md-7.offerText h3 {
	color: white !important;
	font-size: 26px;
	font-weight: 400;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
}

.col-md-7.offerText span {
	font-size: 45px;
	font-weight: 700;
	color: #FFCD05;
	display: inline-block;
}

.col-md-7.offerText p {
	font-size: 45px;
	font-weight: 200;
	display: inline-block;
	margin-left: 7px;
}

.col-md-12.select-prsn.radiobtn .radio-inline {
	border: 1px solid #CCD3D7;
	padding: 9px 35px;
	border-radius: 100px;
	font-size: 14px;
	color: #2D2D2D;
	font-weight: 600;
}

/* label.radio-inline:active {
	border-color: #ED6D18 !important;
	color: #ED6D18;
	} */
.radio-selected {
	color: #ED6D18 !important;
	border: 1px solid #ED6D18 !important;
}

.radio-inline input[type=radio] {
	display: none !important;
}

.col-md-12.select-prsn.radiobtn .radio-inline {}

.col-md-12.col-md-offset-1.fix-form {
	margin: 0;
}

.col-md-12.col-md-offset-1.fix-form {
	padding: 20px 5px;
	background: white;
	border-radius: 16px;
	box-shadow: 0px 0px 7px 8px #3c3f472b;
	padding-bottom: 0px;
}

.mainbanner.new .custom_form input {
	background: #ffffff !important;
	border: 1px solid #d5d9eb !important;
	border-radius: 10px;
}

.mainbanner.new button.submit-btn {
	background: #F78D00 !important;
	font-weight: 500 !important;
	border-radius: 10px;
	font-size: 20px !important;
}

.col-md-12.select-prsn.radiobtn {
	margin-bottom: 18px;
}

.mainbanner.new .custom_form input {
	font-size: 13px !important;
	font-weight: 500 !important;
}

.mainbanner.new .custom_form .form-group i {
    font-size: 13px;
    position: absolute;
    top: 17px;
    left: 24px;
}
.mainbanner.new .custom_form .form-group input {
	padding-left: 30px;
	padding-top: 10px !important;
}

.mainbanner.new .custom_form .form-group label {
    position: absolute !important;
    top: 15px !important;
    left: 48px !important;
    display: none !important;
}

.mainbanner.new .custom_form .security-badge h6 {
	font-size: 13px;
	margin: 0 0 4px;
	color: #ED6D18;
	font-weight: 600;
}

.mainbanner.new .custom_form .security-badge {
	margin-top: -4px !important;
	display: inline-block;
	margin-bottom: 0px;
}

.mainbanner.new .custom_form .security-badge img {
	width: 45px;
	position: relative;
	top: -7px;
	margin-right: 7px;
}

.banner-form.home-banner-form.hidden-xs.custom_form {
	border-radius: 40px;
}

.custom_form .col-md-3 {
	max-height: 75px;
}

.form-group.fg_to input {
	padding-left: 60px;
}

.form-group.fg_date input {
	padding-left: 72px;
}

.form-group.fg_from input {
	padding-left: 77px;
}

/* secton why flyopedia css */
.trust-heading h2 {
	font-size: 32px !important;
	font-weight: 600;
	color: #040404;
}

.customrow .flyopediabooking h3 {
	color: #2D2D2D;
	font-weight: 600;
}

.customrow h3 {
	font-size: 22px;
}

.customrow p {
	font-weight: 500;
	font-size: 13px;
	color: #606060;
}

.customrow .col-md-5 {
	max-width: 35%;
}

.customrow .col-md-2 img {
	min-width: 248px;
}

.flyopediabooking .left-image {
	float: left;
	min-height: 142px;
}

.trust-piliot {
	background: url(https://www.flyopedia.com/wp-content/themes/flyopedia/images/whybook_bg.webp) !important;
	background-repeat: no-repeat !important;
	background-size: cover;
	background-position: center;
	min-height: 598px !important;
}

.col-md-5.rightpanel {
	margin-left: 12%;
}

.customrow .col-md-2 {
	position: relative;
	left: 4%;
}

.trust-heading h2::after,
.trust-heading h1::after {
	background: none !important;
}

h4.price small {
	font-weight: 300;
	color: #93929B;
}

a.booknowbtn:hover, button.booknowbtn:hover {
	background: none;
	border: 1px solid #ED6D18;
	color: #ED6D18;
	box-shadow: 0px 0px 6px 1px #ed6d184f;
}

/* 3rd section Round Trip */
.pb-6 {
	background: #F9F9FF !important;
	padding: 60px 0;
}

.trust-heading small {
	font-size: 18px;
}

#apiDeals .base {
	box-shadow: 0 2px 11px 6px #bdc2cb45;
	border-radius: 10px;
	background: white;
	padding-left: 13px;
	padding-right: 13px;
}

#apiDeals .base .sfont {
	font-weight: 400;
	font-size: 12px;
	text-align: left;
}

.row.location_nm .pull-left {
	font-size: 27px;
	color: #2d2d2d;
	font-weight: 700;
}

#apiDeals .base h4 {
	width: auto !important;
}

.row.location_nm small {
	font-size: 15px !important;
}

.row.location_nm .pull-right {
	font-size: 27px;
	color: #2d2d2d;
	font-weight: 700;
	text-align: right;
}

.row.location_nm small {
	font-size: 13px !important;
	font-weight: 500;
	color: #3B3B43;
	position: relative;
}

#apiDeals .base h4.price {
	font-size: 28px;
	color: #ED6D18;
	font-weight: 700;
	float: left;
}

.location_nm img {
	min-width: 177px;
	position: relative;
	top: 10px;
	float: right;
	left: 45px;
}
a.booknowbtn, button.booknowbtn {
    padding: 8px 22px;
    background: #31537f;
    border-radius: 5px;
    color: white;
    font-size: 17px;
    float: right;
    font-weight: 500;
    border: none;
}

.row.location_nm {
	border-bottom: 1px solid #D2D4D7;
	padding-bottom: 14px;
	margin-bottom: 18px;
	margin-top: 12px;
}

h6.sfont.offtext {
	background: #DFFAE0;
	padding: 5px 6px;
}

h6.sfont.offtext {
	font-weight: 600 !important;
}

.custom_form .col-xs-6 label {
	display: block !important;
}

.custom_form .col-xs-12 label {
	display: block !important;
}

.custom_form h3 {
	display: none;
}

@media (min-width:360px) and (max-width:600px) {
	.custom_form h3 {
		display: block !important;
	}

	.mainbanner.new .select-prsn.radiobtn {
		margin-bottom: -5px;
		margin-top: 6px;
	}

	.mainbanner.new .bannerTxt {
		text-align: left;
		margin-top: -19px;
	}

	.mainbanner.new .offerText {
		position: relative;
		top: -31px;
	}

	.mainbanner.new .offerText span,
	p {
		position: relative;
		top: -10px;
	}

	.mainbanner.new {
		min-height: 582px !important;
	}

	.banner-form h3 {
		border-radius: 15px 15px 0px 0px;
		position: relative;
		top: -20px;
		margin-bottom: -4px;
		text-align: center;
		font-size: 18px !important;
		margin-left: -5px;
		margin-right: -5px;
	}

	.bannerTxt h3 {
		text-shadow: none !important;
		font-size: 16px;
		text-transform: uppercase;
		color: white;
	}

	.rightcontent .col-md-5 {
		border-right: none;
		padding-top: 0px;
	}

	.col-md-7.offerText h3 {
		margin-top: -18px;
	}

	.mainbanner {
		min-height: 628px !important;
	}

	.mainbanner .rightcontent {
		position: relative;
		top: 418px;
	}

	.bannerTxt span {
		font-size: 34px;
	}

	.trust-heading h2 {
		font-size: 21px !important;
		margin-top: -12px !important;
		padding-bottom: 10px !important;
	}

	.trust-heading small {
		font-size: 14px;
	}

	h6.sfont {
		float: left;
	}

	.col-md-4.res-box {
		min-width: 90px;
		display: inline-block;
		max-height: 27px;
		float: left;
	}

	h6.sfont.offtext {
		margin-top: 6px;
		float: right;
	}

	.location_nm img {
		max-width: 131px;
		min-width: 131px;
		top: 5px;
		left: 13px;
	}

	a.booknowbtn, button.booknowbtn {
		padding: 7px 16px;
		font-size: 15px;
	}

	.col-md-12.select-prsn.radiobtn .radio-inline {
		padding: 6px 8px;
		font-size: 12px !important;
		padding-left: 10px !important;
	}

	.custom_form .col-xs-6 label {
		display: none !important;
	}

	.custom_form .col-xs-12 label {
		display: none !important;
	}

	.custom_form .form-group input {
		padding-left: 32px !important;
	}

	.form-group.fg_date input {
		padding-left: 32px !important;
	}
	.custom_form .form-group {
		margin-bottom: 48px;
		margin-left: -9px;
		margin-right: -9px;
		line-height: 24px;
		height: 0px;
	}

	.col-md-12.col-md-offset-1.fix-form {
		padding-bottom: 28px;
		position: absolute;
		margin-right: 18px;
	}

	button.submit-btn {
		margin-top: 8px;
	}

	.mainbanner {
		background-size: cover !important;
	}
}

@media (min-width: 992px) and (max-width: 1024px) {
	.mainbanner.new .col-md-offset-1.fix-form {
		min-height: 268px;
		top: 5px !important;
	}

	.banner-form.home-banner-form.custom_form {
		margin-top: -40px !important;
	}

	.mainbanner.new .custom_form .security-badge {
		margin-top: 8px !important;
	}

	.mainbanner.new {
		min-height: 452px !important;
	}

	.bannerTxt h3 {
		font-size: 28px;
	}

	.mainbanner.new .custom_form .form-group label {
		top: 13px !important;
	}

	.mainbanner.new .custom_form .form-group i {
		top: -32px;
	}

	.form-group.fg_to input {
		padding-left: 60px;
	}

	.flyopediabooking .left-image {
		min-height: 156px;
	}

	#apiDeals .base .sfont {
		min-width: 84px !important;
	}

	.location_nm img {
		min-width: 155px;
		position: relative;
		top: 14px;
		float: right;
		left: 31px;
	}

	#apiDeals .base h4.price {
		font-size: 24px;
	}

	.pb-6 {
		padding: 18px 0px 18px;
	}

	.trust-heading h2,
	.trust-heading h1 {
		margin-bottom: 30px;
		margin-top: 30px;
		color: #31537f;
	}
}


@media (max-width:1400px) {
	.mainbanner.new .rightcontent {
		margin-top: 26px !important;
	}

	.col-md-12.col-md-offset-1.fix-form {
		top: 25px !important;
	}

	.rightcontent {
		margin-top: 36px !important;
	}

	/* .mainbanner {
	min-height: 425px !important;
	} */
	.form-group.fg_date input {
		padding-left: 73px;
	}

	.col-md-7.offerText h3 {
		margin-bottom: 0px;
	}

	.custom_form .col-md-3 {
		max-height: 56px;
	}

	.col-md-12.select-prsn.radiobtn {
		margin-bottom: 9px;
	}

	.custom_form .form-group i {
		font-size: 16px;
		position: relative;
		top: -31px;
		right: -10px;
	}

	.custom_form .security-badge {
		margin-top: 8px !important;
	}

	.customrow .col-md-2 img {
		min-width: 214px;
	}

	.customrow .col-md-2 {
		position: relative;
		left: 6%;
		margin-top: -32px;
	}

	.custom_form .form-group label {
		top: 13px !important;
		left: 48px !important;
	}

	.trust-piliot {
		background-size: contain !important;
	}

	.form-group.fg_to input {
		padding-left: 60px;
	}

	.col-md-12.select-prsn.radiobtn .radio-inline {
		border-radius: 100px !important;
		margin-bottom: 5px !important;
	}

	.banner-form {
		border-radius: 30px;
	}
}


.offer-content ul {
	padding-left: 15px;
}

.flight-details {
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	line-height: 30px;
}

.flight-details p {
	line-height: 30px;
}

.card-img-top {
	min-height: auto;
	width: 100%;
	height: 180px;
}

#blog-posts {
	background-color: #f2f2f2;
	padding: 3em 0;
}

#blog-posts h2.title-heading {
	font-size: 60px;
	letter-spacing: 5px;
	margin: 0;
	padding-bottom: 30px;
	text-align: center;
}

.blog-posts {
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
}

.blog-posts .card-block {
	padding: 0 15px 20px 15px;
}

.blog-posts .card-block .card-title {
	font-size: 22px;
	text-transform: capitalize;
	line-height: 30px;
	font-weight: 600;
}

.content-excerpt {
	min-height: 80px;
}

.blog-posts .card-title a {
	color: #333;
}

.blog-posts .card-title a:hover {
	color: #337ab7;
}

.bg-gray {
	background: #eeeeee;
	border-top: 1px solid #f1f1f1;
	padding: 3em 0;
}
.dealsBlock {
    border: 1px solid #ccc;
}
.deal-heading {
	font-weight: 500;
	text-transform: capitalize;
	margin: 0;
	background-color: #31537f;
	color: #fff;
	padding: 10px 15px;
	text-align: center;
	font-size: 24px;
}

.deal-text {
    padding: 12px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #F9F9FF;
    -webkit-transition: all ease-out .2s;
    -moz-transition: all ease-out .2s;
    -o-transition: all ease-out .2s;
    transition: all ease-out .2s;
}

.deal-text:hover {
	background: #eeeeee;
	-webkit-transition: all ease-out .2s;
	-moz-transition: all ease-out .2s;
	-o-transition: all ease-out .2s;
	transition: all ease-out .2s;
}

.deal-text li span {
	float: right;
}

.ratings i {
	color: #f89520;
}

.deal-text li span {
	float: right;
}

.deal-text ul {
	padding: 0;
}

.deal-text ul li.top-head {
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 600;
}

.deal-text ul li {
	list-style-type: none;
	display: inline-block;
	width: 100%;
	line-height: 20px;
	font-size: 14px;
}

.flyopediabooking {
	margin-bottom: 40px;
}

.more-last {
    background: #31537f;
    color: #fff;
    border: 2px solid #31537f;
    padding: 10px;
    border-radius: 2px;
    margin: 3px 0;
    display: inline-block;
    -webkit-transition: all ease-out .2s;
    -moz-transition: all ease-out .2s;
    -o-transition: all ease-out .2s;
    transition: all ease-out .2s;
}

.more-last:hover {
	color: #659a41;
	border: 2px solid #659a41;
	background: transparent;
	text-decoration: none;
	-webkit-transition: all ease-out .2s;
	-moz-transition: all ease-out .2s;
	-o-transition: all ease-out .2s;
	transition: all ease-out .2s;
}

.flyopediabooking .left-image {
	float: left;
}

.flyopediabooking .left-image img {
	margin-right: 20px;
}

footer .left-image {
	float: left;
}

footer .left-image img {
	margin-right: 20px;
}

.btn.view-deals {
	background-color: #f50;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
}

.category-block {
	padding: 0 0 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #aeaeae;
}

.custom-pagination ul {
	margin: 20px 0;
	padding: 0;
}

.custom-pagination li {
	display: inline-block;
	background-color: #ccc;
	margin: 2px;
	padding: 5px 10px;
}

.custom-pagination li.active {
	background-color: #76C4DC;
}

.custom-pagination li a {
	color: #fff;
}

.ui-menu .ui-menu-item a {
	color: #333;
}

#ui-id-1.ui-widget-content,
#ui-id-2.ui-widget-content {
	background: #fff;
	border: 1px solid #ccc;
}

.ui-menu .ui-menu-item::before {
	content: "\f072";
	color: #223b5d;
	margin-right: 5px;
	font-family: fontawesome;
	position: absolute;
}

.ui-menu-item:hover {
	background: transparent;
}

.ui-menu-item:hover a {
	color: #223b5d;
	background: transparent;
}

/**23oct**/
.deal-blocks {
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
	margin: 30px 0;
	display: none;
}

.deal-blocks h4 {
	background-color: #223b5d;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0;
}

.deal-blocks .flight-list {
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 20px;
}

.deal-blocks .flight-list p {
	margin-bottom: 0;
	font-size: 18px;
	color: #535353;
	line-height: 28px;
}

.deal-blocks .flight-list:hover {
	background: #f4f4f4;
}

.deal-blocks .flight-list span.t-right {
	float: right;
}

.t-right a {
	color: #fc7418;
}

span.t-right .fa-whatsapp {
	background: #18B635;
	color: #fff;
	padding: 5px;
	border-radius: 50%;
	margin-right: 10px;
}

span.t-right .fa {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 20px;
}

span.t-right .fa-phone {
	background: #ed6d18;
	color: #fff;
	padding: 5px;
	border-radius: 50%;
}

/* Cookie Dialog */
#gdpr-cookie-message {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.88);
	padding: 10px 0px 5px 10px;
	border-radius: 0;
	box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
	z-index: 9999999;
}

.cookies-setting {
	margin: 0 auto;
	/* text-align: center; */
	padding: 0;
}

#gdpr-cookie-message h4 {
	color: var(--red);
	font-family: 'Quicksand', sans-serif;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}

#gdpr-cookie-message h5 {
	color: var(--red);
	font-family: 'Quicksand', sans-serif;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 10px;
}

#gdpr-cookie-message p,
#gdpr-cookie-message ul {
	color: white;
	font-size: 15px;
	line-height: 1.5em;
}

#gdpr-cookie-message p {
	text-align: right;
}

#gdpr-cookie-message li {
	width: 49%;
	display: inline-block;
}

#gdpr-cookie-message a {
	color: var(--red);
	text-decoration: none;
	font-size: 15px;
	padding-bottom: 2px;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
	transition: all 0.3s ease-in;
}

#gdpr-cookie-message a:hover {
	color: white;
	border-bottom-color: var(--red);
	transition: all 0.3s ease-in;
}

#gdpr-cookie-message button,
button#ihavecookiesBtn {
	border: none;
	background: var(--red);
	color: white;
	font-family: 'Quicksand', sans-serif;
	font-size: 15px;
	padding: 7px;
	border-radius: 3px;
	margin-left: 15px;
	cursor: pointer;
	transition: all 0.3s ease-in;
}

#gdpr-cookie-message button:hover {
	background: white;
	color: var(--red);
	transition: all 0.3s ease-in;
}

button#gdpr-cookie-advanced {
	background: white;
	color: var(--red);
}

#gdpr-cookie-message button:disabled {
	opacity: 0.3;
}

#gdpr-cookie-message input[type="checkbox"] {
	float: none;
	margin-top: 0;
	margin-right: 5px;
}

.cookies-setting #gdpr-cookie-accept {
	background-color: #7fb80e;
	font-weight: 600;
}

button#gdpr-cookie-accept {
	background-color: #56a4d2;
	font-weight: 600;
	margin-top: -2px;
}


.call-block-now {
	text-align: center;
	background-color: #e8e7e4;
	padding: 15px;
	margin: 30px auto 20px;
	color: #333;
	border: 1px solid #ccc;
}

.call-block-now h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	margin: 0;
	text-transform: capitalize;
	letter-spacing: 2px;
}

.call-block-now .fa.fa-phone-square {
	font-size: 50px;
	padding-top: 10px;
	color: #7fb80e;
}

.call-block-now h4 {
	font-size: 30px;
	margin: 0;
	padding: 15px;
	line-height: 24px;
	font-weight: 600;
}

.call-block-now a {
	color: #1c86c8;
}

.call-block-now .t-free {
	font-size: 18px;
	color: #333;
	font-weight: 600;
	letter-spacing: 2px;
}

.flight_banner_offers img {
	margin: 0 auto;
	display: inline-block;
	width: 100%;
}

.offer-overview1-offer .col-lg-4.col-md-4.col-sm-6:nth-child(3n+1) {
	clear: left;
}


/*Mar 26*/
.flightparagraph .contact-icons img {
	width: auto;
}

.flightparagraph .contact-icons {
	margin: 30px 0;
}

.flightparagraph .contact-icons ul {
	list-style: none;
}

.flightparagraph .contact-icons ul li {
	display: inline-block;
	margin: 0 30px 0 0;
}

.flightparagraph .contact-icons ul li:before {
	display: none;
}


a.offernow {
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 14px;
}

/*
.mainbanner {
	background: url(https://www.flyopedia.com/wp-content/uploads/2022/04/flyopedia-summer-travel.webp);
	padding: 20px 0;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	min-height: 492px;
	background-position: center;
}
*/
.mainbanner {
	padding: 0 0 20px;
	position: relative;
	background: rgb(255, 255, 255);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgb(9 80 124) 100%);
	/* background: url("images/fliopedia-banner.webp"); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 450px;
}


.mainbanner .rightcontent {
	text-align: center;
	color: #fff;
	margin-top: 25px;
}

.promotionalcontent.new1 {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 25px;
	justify-content: center;
}

.promotionalcontent h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 3rem;
	text-shadow: 0 2px 3px #000;
	letter-spacing: 2px;
}

.promotionalcontent h1 {
	margin: 0;
	padding: 15px 0;
	color: #fff;
	font-size: 3em;
	text-shadow: 0 2px 3px #000;
	letter-spacing: 2px;
	font-weight: 600;
}

.promotionalcontent h5 {
	margin: 0;
	padding: 5px 20px 10px;
	color: #ffffff;
	font-size: 2em;
	text-shadow: 0 1px 1px #000;
	letter-spacing: 2px;
	border: 3px dashed;
	display: inline-block;
	background: #7fb80e;
}

.promotionalcontent p {
	margin: 0;
	padding: 15px 0 0;
	color: #31537f;
	font-size: 1.4em;
	font-weight: 600;
}

.calltext {
	background: #ff8e01;
	display: inline-block;
	font-size: 2.2em;
	padding-right: 10px;
}

.calltext i.fa {
	background: #31537f;
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.calltext a {
	color: #fff;
	font-weight: 600;
	line-height: 30px;
}

/**nov 30**/
.main-wrapper {
	margin-top: 40px;
}

.main-wrapper p {
	font-size: 16px;
}

.main-wrapper h1,
h2,
h3,
h4,
h5 {
	color: #1c86c8;
	font-weight: 700;
}

.main-wrapper h2 {
	font-size: 22px;
}

.base {
	box-shadow: 0 0 5px 1px #aaa;
	padding: 5px;
	text-align: center;
	margin-bottom: 30px;
	display: table;
	width: 100%;
	cursor: pointer;
}

.base h4 {
	color: #1c86c8;
	font-weight: 500;
	width: 40%;
}

.base span img {
	margin-top: 10px;
}

.base .planeimg img {
	padding-top: 20px;
}

.base h6.sfont {
	margin-bottom: 0;
}

.base i.glyphicon {
	padding: 15px 0;
	width: 10%;
	display: inline-block;
	color: #ee7346;
}

.base h4.price {
	width: 100%;
	position: initial;
	background: no-repeat;
	height: auto;
	margin-top: 5px;
}

.cmn {
	margin: 0 0 25px;
	text-align: center;
	color: #1c86c8;
}

.cmn span {
	color: #fc7418;
}

.data-table {
	width: 100%;
	background: #fff;
	border: 1px solid #e2e0ec;
	margin-bottom: 10px;
}

.table-responsive {
	min-height: .01%;
	overflow-x: auto;
	font-size: 16px;
}

.data-table tr:nth-of-type(odd) {
	background-color: #e2e0ec;
}

.data-table td,
.data-table th {
	vertical-align: middle;
	border: 0 solid #e2e0ec;
	border-width: 0 1px 1px 0;
}

.data-table th {
	color: #1f1f1f;
	padding: .6em .8em;
	text-align: left;
}

.data-table td {
	padding: 0.8em;
	border: 0 solid #e2e0ec;
	border-width: 0 1px 1px 0;
}

.data-table td,
.data-table th {
	vertical-align: middle;
	border: 0 solid #e2e0ec;
	border-width: 0 1px 1px 0;
}


.pt-0 {
	padding-top: 0px;
}

.pb-4 {
	padding-bottom: 40px;
}

section.py-4 {
	padding: 40px 0 0;
}

.tbl-routes th {
	background: #f37e2e;
	color: #fff;
	font-size: 12px;
}

.tbl-routes td {
	background: #1f3451;
	color: #fff;
	font-size: 12px;
}

.col-2 {
	column-count: 2;
}

.ul-blue-dot,
.ul-bulb,
.ul-circle,
.ul-hand,
.ul-orange-dot {
	list-style: none;
	margin-bottom: 10px;
}

.ul-blue-dot li,
.ul-bulb li,
.ul-circle li,
.ul-hand li,
.ul-orange-dot li {
	position: relative;
	padding: 0 0 0 30px;
}

ul.ul-blue-dot {
	margin: 0;
	padding: 0;
}

.ul-blue-dot li:before,
.ul-bulb li:before,
.ul-circle li:before,
.ul-hand li:before,
.ul-orange-dot li:before {
	position: absolute;
	font-family: 'FontAwesome';
	left: 0;
}

.ul-blue-dot li:before {
	content: "\f192";
	color: #114394;
}

.ul-blue-dot li,
.ul-blue-dot p {
	letter-spacing: 1px;
	line-height: 150%;
	margin-bottom: 15px;
	font-size: 16px;
}

.text-orange {
	color: #fc7418;
}

.iconfx-2 {
	font-size: 37px !important;
	color: #1c86c8;
}

.img-inline {
	float: left;
	margin: 0 9px 25px 0;
}

.base i {
	padding: 15px 0;
	width: 8%;
	display: inline-block;
	color: #ee7346;
}

.call_sec {
	text-align: center;
	background: #155fa4;
	padding: 15px 0;
	margin-bottom: 30px;
}

.call_sec h4 {
	margin: 0;
	font-size: 22px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
}

.call_sec h4 a {
	color: #fff;
	text-decoration: underline;
	font-weight: 700;
}

.faq h2.cmn {
	text-align: left;
}

.faq h5 {
	font-size: 16px;
}

.faq p {
	padding-bottom: 10px;
}

.innertemplate .fix-form {
	margin-top: 40px;
}

.popular-content-description {
	margin: 5px auto 30px;
}

.popular-content-description p {
	color: #fff;
	line-height: 28px;
	font-size: 16px;
}

/***/

section.innerbanner {
	background: #f8f8f8;
	padding: 1rem 0;
	margin-bottom: 2rem;
}

.innerbanner .page-heading h1 {
	font-weight: 600;
	color: #155fa4;
}

#sitemappage .inner_sec {
	box-shadow: 1px 0px 11px 2px #efefef;
	float: left;
	width: 100%;
	padding: 0px 0 30px;
	margin: 0px 0 40px;
	background: #fff;
}

#sitemappage .inner_sec h2 {
	background: #2c85bc;
	margin: 0 0 15px;
	color: #fff;
	padding: 10px 20px;
	font-size: 22px;
}

#sitemappage .inner_sec ul {
	padding-left: 30px;
}

#sitemappage .inner_sec ul li {
	color: #222;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 22px;
	position: relative;
	margin: 0;
	list-style: none;
}

@media screen and (min-width: 992px) {
	#sitemappage .inner_sec.dynamic ul li {
		width: 23.5%;
		float: left;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	#sitemappage .inner_sec.dynamic ul li {
		width: 33%;
		float: left;
	}
}

#sitemappage .inner_sec ul li:before {
	position: absolute;
	content: "";
	list-style-type: disc;
	height: 7px;
	width: 7px;
	left: 0;
	background: #2c85bc;
	border-radius: 50%;
	top: 13px;
}

#sitemappage .inner_sec ul li a {
	color: #222;
}

section.trustpilotcode {
	padding: 0 0 10px;
}

.myFaqsection h4.panel-title {
	font-weight: 400;
}

.gallery {
	display: block;
	margin: 0 auto;
}

.gallery figure.gallery-item {
	width: 16%;
	display: inline-block;
}

.gallery figure.gallery-item img {
	border: 1px solid #d4d4d4;
	border-radius: 5px;
}


#frmContactus .input-group {
	display: inline-flex;
}

#frmContactus .input-group span.modalflagicon {
	width: 70px;
}

#frmContactus button#submit {
	background: #0e73af;
	border-radius: 0px 5px 5px 0px;
	color: #fff;
	font-weight: 600;
}


.offerbar {
	position: fixed;
	bottom: 0;
	background: #223b5d;
	width: 100%;
	text-align: center;
	padding: 5px 0;
	z-index: 1111;
	display: inline-flex;
}

.offerbar i {
	font-size: 30px;
	width: 60px;
	border-right: 2px solid #fff;
	line-height: 30px;
	padding-top: 10px;
}

.callnow-text {
	padding: 0 15px;
	display: flex;
	flex-direction: column;
	font-size: 8px;
	width: 100%;
	margin-bottom: 0;
}

.subtitle {
	font-size: 12px;
	font-weight: 400;
	animation: blinker 1s step-end infinite;
	line-height: 10px;
}

.callnow-text span {
	font-size: 22px;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.desk .offerbar {
	background: #ef8024;
	display: block;
}

#offer-bottom {
	width: 179px;
	background: #000;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 2000;
	left: 20px;
	bottom: 10px;
	border-radius: 13px;
	overflow: hidden;
	display: none;
}

#offer-bottom a {
	display: block;
}

#offer-bottom div {
	font-size: 14px;
	padding: 10px;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	font-weight: 600;
}

#offer-bottom .fa {
	position: absolute;
	right: 5px;
	top: 4px;
	font-size: 13px;
	background: #000;
	padding: 5px;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 300;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative !important;
	padding: 0px 0px 3px 14px !important;
	color: #000 !important;
}


/**responsive**/
@media (min-width: 768px) {
	.hidden-bgscreen {
		display: none;
	}
}

@media (max-width:991px) {

	.mainbanner.innertemplate {
		background: #223b5d !important;
		padding: 30px 0 0;
		min-height: auto;
	}

	.mobile_call_sec {
		background-color: #7fb80e !important;
		display: flex;
	}

	#common .mb_res h3 i,
	#common .mb_res h3 a {
		color: #ffffff;
	}
}

@media (max-width:767px) {
	#offer-bottom {
		width: 125px;
		bottom: 51px;
		left: 10px;
	}

	#offer-bottom img {
		height: auto;
	}

	.mainbanner {
		padding: 15px 0 20px;
	}

	.mainbanner .fix-form {
		padding: 0;
	}

	.gallery figure.gallery-item {
		width: 33%;
		display: inline-block;
	}

	.mobile_call_sec .img-fluid {
		width: 100px;
	}

	.banner-form {
		box-shadow: none;
	}

	#common .mb_res h3 {
		font-size: 22px;
		text-align: left;
		padding-top: 13px;
		width: 100%;
	}

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

	.mobile_call_sp h4 {
		font-size: 24px;
		padding: 10px 0px;
	}

	.mobile_call_sec {
		background-color: #7fb80e !important;
		display: flex;
	}

	#common .mb_res h3 i,
	#common .mb_res h3 a {
		color: #ffffff;
	}

	#common .mb_res h3 {
		font-size: 30px;
		display: inline;
	}

	.hidden-smscreen {
		display: none;
	}

	#new {
		display: block !important;
	}

	.flightparagraph .contact-icons {
		margin-bottom: 0px;
		text-align: center;
	}

	.flightparagraph .contact-icons ul li {
		display: inline-block;
		margin: 0 0 20px;
	}

	#cusRadio {
		margin-bottom: 0;
		margin-top: 0;
		margin-left: 15px;
	}

	#cusRadio .radio {
		display: inline-block;
		margin-left: 20px;
		margin-top: 0;
		padding: 5px 2px 0;
	}

	.header-bottom {
		border-top: 1px solid #ccc;
		padding: 5px 15px;
		box-shadow: 0px 3px 3px #e7e7e7;
	}

	.depart-return {
		display: inline-block;
		width: 100%;
	}

	.banner-text-m {
		font-size: 21px;
		font-weight: 600;
		text-align: center;
		line-height: 24px;
		margin: 0 0 15px;
		color: #fff;
	}

	.banner-text-m span {
		color: #fff;
	}

	.callus-mobile {
		/*	width: 48%;*/
		float: left;
	}

	.callus-mobile a {
		display: block;
		color: #223b5d;
		font-size: 16px;
		border-radius: 50px;
		margin-top: 4px;
		font-weight: bold;
		line-height: 16px;
	}

	.callus-mobile a .sm-font {
		font-size: 12px;
		color: #7fb80e;
	}

	.callus-mobile-right {
		width: 50%;
		float: right;
		text-align: right;
	}

	.callus-mobile-right .fa-phone,
	.callus-mobile-right .fa-whatsapp {
		background-color: #ed6d18;
		text-align: center;
		width: 35px;
		height: 35px;
		border-radius: 50%;
		color: #fff;
		line-height: 35px;
		font-size: 25px;
	}

	.callus-mobile-right .fa-whatsapp {
		background-color: #18B635;
		margin-right: 5px;
	}

	.click-call-btn {
		display: inline-block;
		position: fixed;
		left: 10px;
		bottom: 18px;
	}

	.btn.btn-default.btn-submit {
		margin-top: 0;
	}

	.click-call-btn a {
		background-color: #333;
		text-align: center;
		padding: 10px 10px;
		border-radius: 5px;
		color: #fff;
		font-size: 16px;
	}

	.click-call-btn .fa-phone {
		-webkit-animation: swing 1s ease;
		animation: swing 1s ease;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		background-color: #fff;
		padding: 5px;
		border-radius: 50%;
		color: #333;
		width: 25px;
		margin-right: 5px;
	}


	.flightheading1 h2 {
		font-size: 26px;
	}

	.flightheading1 h2::after {
		display: none;
	}

	.navbar.nav-menu li a:hover {
		color: #087bbd;
		background: transparent;
	}

	footer .left-image {
		float: none;
	}

	footer .left-image img {
		margin-right: 0;
		width: 150px;
		margin-bottom: 10px;
	}

	.footertext {
		font-size: 13px;
		line-height: 20px;
		text-align: left;
	}

	.flyopediabooking .left-image {
		float: none;
	}

	.flyopediabooking .left-image img {
		margin: 0 auto;
		padding-bottom: 15px;
		width: 50px;
	}

	.flyopediabooking {
		text-align: center;
	}

	.flyopediabooking p {
		text-align: center;
		line-height: 20px;
		font-size: 14px;
	}

	.flyopediabooking h3 {
		font-weight: 500;
		font-size: 18px;
	}

	.trust-heading h2::after,
	.trust-heading h1::after {
		bottom: -30px;
	}

	.content-excerpt {
		min-height: auto;
	}

	#blog-posts h2.title-heading {
		font-size: 40px;
		letter-spacing: 3px;
	}

	.blog-posts {
		margin-bottom: 40px;
	}

	#gdpr-cookie-message p {
		text-align: left;
		font-size: 11px;
	}

	#gdpr-cookie-message a {
		font-size: 11px;
	}

	.banner-form.mb_res .pad0 {
		padding: 0 5px;
	}

	.banner-form .form-group.new i {
		position: inherit;
		font-size: inherit;
	}

	.promotionalcontent {
		margin-bottom: 10px;
	}

	.mainbanner .rightcontent {
		margin-top: 10px;
	}

	.promotionalcontent h1 {
		margin: 0;
		padding: 0 0 15px 0;
		color: #273a5c;
		font-size: 3.5em;
		text-shadow: 0 2px 3px #fff;
		letter-spacing: 2px;
		font-weight: 600;
	}

	.promotionalcontent h3 {
		margin: 0 0 10px;
		padding: 0;
		font-size: 1em;
		text-shadow: none;
	}

	.promotionalcontent h5 {
		margin: 0;
		padding: 5px 20px 5px;
		color: #ffffff;
		font-size: 1.6em;
		text-shadow: none;
		letter-spacing: 1px;
		border: 2px dashed;
		display: inline-block;
		background: #7fb80e;
	}

	.calltext {
		font-size: 1.8em;
	}
}

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

	.trust-heading1 h2,
	.trust-heading1 h1 {
		font-size: 16px;
	}

	#common .banner-form h3 {
		font-size: 20px;
	}
}

@media only screen and (max-width: 680px) {
	#common .mb_res h3 {
		font-size: 26px;
	}
}

@media only screen and (max-width: 640px) {
	#common .mb_res h3 {
		font-size: 24px;
	}
}

@media only screen and (max-width: 517px) {
	#common .mb_res h3 {
		font-size: 18px;
	}

	#common .mb_res h3 img {
		width: 70px;
	}
}

@media (max-width:480px) {
	#banner {
		padding: 8px 0px;
	}

	#common .mb_res h3 {
		font-size: 16px;
	}

	.mobile_call_sp h4 {
		font-size: 20px;
		padding: 0px 0px;
	}

	#common .mb_res .img-fluid {
		max-width: 60px;
	}

	.deal-text ul li.top-head {
		margin-bottom: 0px;
		font-size: 12px;
		font-weight: 600;
	}

	.deal-text ul {
		margin-bottom: 0px;
	}

	.deal-text {
		padding: 6px 12px;
	}

	#new {
		padding-top: 10px;
	}

	.deal-heading {
		font-size: 18px;
	}

	.more-last {
		padding: 4px;
	}
}

@media only screen and (max-width: 414px) {
	.mobile_call_sp h4 {
		font-size: 16px;
	}

	#common .mb_res .img-fluid {
		max-width: 50px;
	}

	#common .mb_res h3 {
		font-size: 20px;
		margin: 0;
		line-height: 18px;
		font-family: inherit !important;
	}
}

@media only screen and (max-width: 375px) {
	#banner {
		padding: 0px 0px;
	}

	#common .mb_res h3 {
		padding-top: 8px;
	}

	.top_nav a.logo img {
		max-width: 120px !important;
	}

	#common .mb_res .img-fluid {
		max-width: 80px;
	}

	#common .mb_res h3 {
		font-size: 13px;
	}

	.mb_res {
		margin-top: 13px;
	}

	#common .mb_res img {
		width: 55px;
	}
}

@media only screen and (max-width: 550px) {
	a.offernow {
		font-size: 12px;
	}
}

@media only screen and (max-width: 350px) {
	#common .mb_res h3 {
		font-size: 12px;
	}
}

@media only screen and (max-width: 320px) {
	.form-title {
		padding: 5px 5px !important;
	}

	#common .mb_res h3 {
		font-size: 11px;
		font-weight: normal;
	}
}