/*
<----------- Base Responsive Style ----------->
*/
@media (max-width: 1199px) {

	/* Margin top */
	.m-t-10-md {margin-top: 10px;}
	.m-t-20-md {margin-top: 20px;}
	.m-t-30-md {margin-top: 30px;}
	.m-t-40-md {margin-top: 40px;}
	.m-t-60-md {margin-top: 60px;}
	.m-t-80-md {margin-top: 80px;}
	.m-t-100-md {margin-top: 100px;}

	/* Margin bottom */
	.m-b-10-md {margin-bottom: 10px;}
	.m-b-20-md {margin-bottom: 20px;}
	.m-b-30-md {margin-bottom: 30px;}
	.m-b-40-md {margin-bottom: 40px;}
	.m-b-60-md {margin-bottom: 60px;}
	.m-b-80-md {margin-bottom: 80px;}
	.m-b-100-md {margin-bottom: 100px;}

	/* Margin left */
	.m-l-10-md {margin-left: 10px;}
	.m-l-20-md {margin-left: 20px;}
	.m-l-30-md {margin-left: 30px;}
	.m-l-40-md {margin-left: 40px;}
	.m-l-60-md {margin-left: 60px;}

	/* Margin right */
	.m-r-10-md {margin-right: 10px;}
	.m-r-20-md {margin-right: 20px;}
	.m-r-30-md {margin-right: 30px;}
	.m-r-40-md {margin-right: 40px;}
	.m-r-60-md {margin-right: 60px;}

	/* Reset Margins */
	.no-m-md {margin: 0;}
	.no-m-t-md {margin-top: 0;}
	.no-m-b-md {margin-bottom: 0;}
	.no-m-l-md {margin-left: 0;}
	.no-m-r-md {margin-right: 0;}

	/* Padding top */
	.p-t-10-md {padding-top: 10px;}
	.p-t-20-md {padding-top: 20px;}
	.p-t-30-md {padding-top: 30px;}
	.p-t-40-md {padding-top: 40px;}
	.p-t-60-md {padding-top: 60px;}
	.p-t-80-md {padding-top: 80px;}
	.p-t-100-md {padding-top: 100px;}

	/* Padding bottom */
	.p-b-10-md {padding-bottom: 10px;}
	.p-b-20-md {padding-bottom: 20px;}
	.p-b-30-md {padding-bottom: 30px;}
	.p-b-40-md {padding-bottom: 40px;}
	.p-b-60-md {padding-bottom: 60px;}
	.p-b-80-md {padding-bottom: 80px;}
	.p-b-100-md {padding-bottom: 100px;}

	/* Padding left */
	.p-l-10-md {padding-left: 10px;}
	.p-l-20-md {padding-left: 20px;}
	.p-l-30-md {padding-left: 30px;}
	.p-l-40-md {padding-left: 40px;}
	.p-l-60-md {padding-left: 60px;}

	/* Padding right */
	.p-r-10-md {padding-right: 10px;}
	.p-r-20-md {padding-right: 20px;}
	.p-r-30-md {padding-right: 30px;}
	.p-r-40-md {padding-right: 40px;}
	.p-r-60-md {padding-right: 60px;}

	/* Reset Paddings */
	.no-p-md {padding: 0;}
	.no-p-t-md {padding-top: 0;}
	.no-p-b-md {padding-bottom: 0;}
	.no-p-l-md {padding-left: 0;}
	.no-p-r-md {padding-right: 0;}
}

@media (max-width: 991px) {

	/* Margin top */
	.m-t-10-sm {margin-top: 10px;}
	.m-t-20-sm {margin-top: 20px;}
	.m-t-30-sm {margin-top: 30px;}
	.m-t-40-sm {margin-top: 40px;}
	.m-t-60-sm {margin-top: 60px;}
	.m-t-80-sm {margin-top: 80px;}
	.m-t-100-sm {margin-top: 100px;}

	/* Margin bottom */
	.m-b-10-sm {margin-bottom: 10px;}
	.m-b-20-sm {margin-bottom: 20px;}
	.m-b-30-sm {margin-bottom: 30px;}
	.m-b-40-sm {margin-bottom: 40px;}
	.m-b-60-sm {margin-bottom: 60px;}
	.m-b-80-sm {margin-bottom: 80px;}
	.m-b-100-sm {margin-bottom: 100px;}

	/* Margin left */
	.m-l-10-sm {margin-left: 10px;}
	.m-l-20-sm {margin-left: 20px;}
	.m-l-30-sm {margin-left: 30px;}
	.m-l-40-sm {margin-left: 40px;}
	.m-l-60-sm {margin-left: 60px;}

	/* Margin right */
	.m-r-10-sm {margin-right: 10px;}
	.m-r-20-sm {margin-right: 20px;}
	.m-r-30-sm {margin-right: 30px;}
	.m-r-40-sm {margin-right: 40px;}
	.m-r-60-sm {margin-right: 60px;}

	/* Reset Margins */
	.no-m-sm {margin: 0;}
	.no-m-t-sm {margin-top: 0;}
	.no-m-b-sm {margin-bottom: 0;}
	.no-m-l-sm {margin-left: 0;}
	.no-m-r-sm {margin-right: 0;}

	/* Padding top */
	.p-t-10-sm {padding-top: 10px;}
	.p-t-20-sm {padding-top: 20px;}
	.p-t-30-sm {padding-top: 30px;}
	.p-t-40-sm {padding-top: 40px;}
	.p-t-60-sm {padding-top: 60px;}
	.p-t-80-sm {padding-top: 80px;}
	.p-t-100-sm {padding-top: 100px;}

	/* Padding bottom */
	.p-b-10-sm {padding-bottom: 10px;}
	.p-b-20-sm {padding-bottom: 20px;}
	.p-b-30-sm {padding-bottom: 30px;}
	.p-b-40-sm {padding-bottom: 40px;}
	.p-b-60-sm {padding-bottom: 60px;}
	.p-b-80-sm {padding-bottom: 80px;}
	.p-b-100-sm {padding-bottom: 100px;}

	/* Padding left */
	.p-l-10-sm {padding-left: 10px;}
	.p-l-20-sm {padding-left: 20px;}
	.p-l-30-sm {padding-left: 30px;}
	.p-l-40-sm {padding-left: 40px;}
	.p-l-60-sm {padding-left: 60px;}

	/* Padding right */
	.p-r-10-sm {padding-right: 10px;}
	.p-r-20-sm {padding-right: 20px;}
	.p-r-30-sm {padding-right: 30px;}
	.p-r-40-sm {padding-right: 40px;}
	.p-r-60-sm {padding-right: 60px;}

	/* Reset Paddings */
	.no-p-sm {padding: 0;}
	.no-p-t-sm {padding-top: 0;}
	.no-p-b-sm {padding-bottom: 0;}
	.no-p-l-sm {padding-left: 0;}
	.no-p-r-sm {padding-right: 0;}

}

@media (max-width: 767px) {

		/* Margin top */
	.m-t-10-xs {margin-top: 10px;}
	.m-t-20-xs {margin-top: 20px;}
	.m-t-30-xs {margin-top: 30px;}
	.m-t-40-xs {margin-top: 40px;}
	.m-t-60-xs {margin-top: 60px;}
	.m-t-80-xs {margin-top: 80px;}
	.m-t-100-xs {margin-top: 100px;}

	/* Margin bottom */
	.m-b-10-xs {margin-bottom: 10px;}
	.m-b-20-xs {margin-bottom: 20px;}
	.m-b-30-xs {margin-bottom: 30px;}
	.m-b-40-xs {margin-bottom: 40px;}
	.m-b-60-xs {margin-bottom: 60px;}
	.m-b-80-xs {margin-bottom: 80px;}
	.m-b-100-xs {margin-bottom: 100px;}

	/* Margin left */
	.m-l-10-xs {margin-left: 10px;}
	.m-l-20-xs {margin-left: 20px;}
	.m-l-30-xs {margin-left: 30px;}
	.m-l-40-xs {margin-left: 40px;}
	.m-l-60-xs {margin-left: 60px;}

	/* Margin right */
	.m-r-10-xs {margin-right: 10px;}
	.m-r-20-xs {margin-right: 20px;}
	.m-r-30-xs {margin-right: 30px;}
	.m-r-40-xs {margin-right: 40px;}
	.m-r-60-xs {margin-right: 60px;}

	/* Reset Margins */
	.no-m-xs {margin: 0;}
	.no-m-t-xs {margin-top: 0;}
	.no-m-b-xs {margin-bottom: 0;}
	.no-m-l-xs {margin-left: 0;}
	.no-m-r-xs {margin-right: 0;}

	/* Padding top */
	.p-t-10-xs {padding-top: 10px;}
	.p-t-20-xs {padding-top: 20px;}
	.p-t-30-xs {padding-top: 30px;}
	.p-t-40-xs {padding-top: 40px;}
	.p-t-60-xs {padding-top: 60px;}
	.p-t-80-xs {padding-top: 80px;}
	.p-t-100-xs {padding-top: 100px;}

	/* Padding bottom */
	.p-b-10-xs {padding-bottom: 10px;}
	.p-b-20-xs {padding-bottom: 20px;}
	.p-b-30-xs {padding-bottom: 30px;}
	.p-b-40-xs {padding-bottom: 40px;}
	.p-b-60-xs {padding-bottom: 60px;}
	.p-b-80-xs {padding-bottom: 80px;}
	.p-b-100-xs {padding-bottom: 100px;}

	/* Padding left */
	.p-l-10-xs {padding-left: 10px;}
	.p-l-20-xs {padding-left: 20px;}
	.p-l-30-xs {padding-left: 30px;}
	.p-l-40-xs {padding-left: 40px;}
	.p-l-60-xs {padding-left: 60px;}

	/* Padding right */
	.p-r-10-xs {padding-right: 10px;}
	.p-r-20-xs {padding-right: 20px;}
	.p-r-30-xs {padding-right: 30px;}
	.p-r-40-xs {padding-right: 40px;}
	.p-r-60-xs {padding-right: 60px;}

	/* Reset Paddings */
	.no-p-xs {padding: 0;}
	.no-p-t-xs {padding-top: 0;}
	.no-p-b-xs {padding-bottom: 0;}
	.no-p-l-xs {padding-left: 0;}
	.no-p-r-xs {padding-right: 0;}

}

/*
<----------- Custom Responsive Style ----------->
*/
@media (max-width: 1200px) {}

@media (max-width: 991px) {

	/* Hero Section */
	.intro-text {text-align: center;}
	.intro-text .m-t-100,
	.intro-text .m-t-80 {margin-top: 0px;}

	/* Content */
	.left-content-img,
	.left-content {margin-bottom: 30px;}

	/* Features */
	.f-icon {width: 100%; margin-bottom: 15px;}
	.f-text {text-align: center; padding-left: 1px;}
	.feature-container .p-t-80 {padding-top: 0;}
	.feature-container .app-screen {margin-top: 40px; margin-bottom: 40px;}
	.feature-container .app-screen img {width: 80%;}

	/* Features */
	.f-body-2 {margin-bottom: 20px;}
	.f-body-2:last-child {margin-bottom: 0;}

	/* Pricing Plan */
	.plans {margin: 0 auto 30px; width: 60%;}
	.plans:last-child {margin: 0 auto;}
}

@media (min-width: 768px) and (max-width: 991px) {

	/* Navigation */
	.nav > li > a {padding : 15px 10px;}

	/* Hero Section */
	#hero_13 .signup-form,
	#hero_10 .signup-form,
	#hero_7 .signup-form { margin: 60px auto 0; width: 60%;}
}

@media(max-width:767px) {

	/* Navigation */
	.nav-base {padding: 8px 0;}
	.nav-base.dark,
	.nav-base.light {background: rgba(0,0,0,0.5);}
	.nav-base #navigation {background: #fff;}
	.nav-base.dark #navigation ul li a,
	.nav-base.light #navigation ul li a {color: #474747;}
	.nav-base.dark #navigation ul li a.btn,
	.nav-base.light #navigation ul li a.btn {background: #23C6EC;color: #fff; border-color: #23C6EC;}
	.nav-base.dark #navigation ul li a.btn:hover,
	.nav-base.light #navigation ul li a.btn:hover {background: transparent;color: #23C6EC;border-color: #23C6EC;}
	.nav-base.dark #navigation ul li a.btn-secondary,
	.nav-base.light #navigation ul li a.btn-secondary {color: #23C6EC;border-color: #23C6EC;background: none;}
	.nav-base.dark #navigation ul li a.btn-secondary:hover,
	.nav-base.light #navigation ul li a.btn-secondary:hover {color: #fff;border-color: #23C6EC;background: #23C6EC;}

	/* Hero Section */
	#hero_13 .signup-form,
	#hero_10 .signup-form,
	#hero_7 .signup-form { margin: 60px auto 0; width: 90%;}

	/* Product Showcase */
	.product {margin: 40px auto 0; width: 80%;}

	/* Travel Package Box */
	.img-box, .package {width: 80%; margin: 0 auto;}

	/* Features */
	.f-body {margin-bottom: 20px;}
	.f-body:last-child {margin-bottom: 0;}

	/* Statistic Counter */
	#counter_1 .title,
	#counter_2 .title {margin-bottom: 20px;}

	/* Pricing Plan */
	.plans {margin: 0 auto 30px; width: 80%;}
	.plans:last-child {margin: 0 auto;}

	/* Event Schedule */
	.schedule-title li {width: 32.33%; display: inline-block;}
}

@media (max-width: 540px) {

	/* Event Schedule */
	.schedule-title {margin-bottom: 0;}
	.schedule-title li {width: 32%; display: inline-block; margin-bottom: 15px;}
	.schedule-title li a .h5 {font-size: 16px; font-weight: 900;}
	.schedule-title li a .h4 {font-size: 20px; font-weight: 400;}

	/* Product Showcase */
	.product {margin: 40px auto 0; width: 100%;}

	/* Travel Package Box */
	.img-box, .package {width: 90%; margin: 0 auto;}
}

@media(max-width:480px) {

	/* Pricing Plan */
	.plans {margin: 0 auto 20px; width: 100%;}
	.plans:last-child {margin: 0 auto;}

	/* Travel Package Box */
	.img-box, .package {width: 100%; margin: 0 auto;}

	/* Event Schedule */
	.schedule-title li {width: 99%; display: block; margin-bottom: 15px;}
}