/* 
 * 	Responsive CSS File
 *	v1.0
 */

/* clearfix */

@media (min-width: 1370px) {
	/*.main {
		padding: 0px 85px 0;
	}*/
}


@media (max-width: 575px) {
	h1 {font-size: 20px;}
	#successfully-register-popup .modal-body > img.bg-img {opacity: 0.5;}
	#successfully-register-popup .modal-header .close {top: 6px;}
	.success-check-icon {max-width: 100px;}
	#successfully-register-popup .contant-inner {padding: 0 50px;}
	#successfully-register-popup p {font-size: 18px;}
}

@media (max-width: 1369px) {
	/* Banner css start */
	/*.banner-detail .banner-detail-inner {
		padding-left: 50px;
	}*/
	/* Banner css end */

	/* owl-slider arrow */
	.owl-carousel .owl-nav button.owl-prev {
		left: 43px;
	}
	.owl-carousel .owl-nav button.owl-next {
		right: 43px;
	}
	.product-slider.owl-carousel .owl-nav button.owl-prev {
		left: 22px;
	}
	.product-slider.owl-carousel .owl-nav button.owl-next {
		right: 22px;
	}
	/* owl-slider arrow */
}

@media (min-width: 1230px) {
	.container {
		width: 1200px;
		max-width: 100%;
	}

}

@media (min-width: 1200px) {
	.header-right-link > ul > li.order-online {
		margin-top: 5px;
	}
	.container {padding: 0 15px;}
}

@media (max-width: 1199px) {
	.float-none-lg {
		float: none !important;
	}
	.float-left-lg {
		float: left !important;
	}
	.float-right-lg {
		float: right !important;
	}
	.show-item {
	    width: 100%;
	    margin-top: 20px;
	}
	.banner-detail .banner-detail-inner .banner-title {
		font-size: 48px;
		line-height: 60px;
	}
	.container {
		padding: 0 15px;
	}

	h2.main_title {
		line-height: 45px;
	}

	.ser-feature-block .services-icon {
		float: none;
	}

	.frontend .services-detail {
		margin-left: 0;
		margin-top: 5px;
	}
}

@media (min-width: 992px) {
	.home-banner.col-lg-4 {background-image: none !important;}
	.mobile-device {display: flex !important; justify-content: center; align-items: center;}
	/*.navbar-nav > li:hover > a {
		color: #75B69C;
	}

	.navbar-nav > li > a:after {
		content: "";
		position: absolute;
		width: 0;
		height: 1px;
		left: 50%;
		bottom: 4px;
		transition: all 0.4s ease 0s;
	    -moz-transition: all 0.4s ease 0s;
	    -webkit-transition: all 0.4s ease 0s;
	    -o-transition: all 0.4s ease 0s;
	}

	.mobilemenu-content, .nav > li.level:hover .megamenu {
	    display: block !important;
	}

	.megamenu {
		display: none !important;
	}

	.header-right-link > ul > li.order-online {
		padding-right: 0;
	}*/

	/* Product box css start */
	/*.product-item:hover {
		-moz-box-shadow: 0 0 18px rgba(0,0,0,0.2);
	    -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.2);
	    -o-box-shadow: 0 0 18px rgba(0,0,0,0.2);
		box-shadow: 0 0 18px rgba(0,0,0,0.2);
		transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-webkit-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
	}
	.product-item:hover .product-image {
		border: 1px solid transparent;
	}
	.product-item:hover .product-details-btn {
		background: #f2f2f2;
		opacity: 1;
	}*/
	/* Product box css end */

	/*.blog-item.first-blog {
		position: relative;
	}

	.blog-item.first-blog .bloger-date, .blog-item.first-blog p, .blog-contant .first-blog .head-three, .blog-contant .first-blog .head-three a,  .blog-item.first-blog .readmore-btn {
		color: #fff;
	}

	.blog-section .first-blog .blog-image {
		display: contents;
		width: 100%;
	}

	.blog-section .first-blog .blog-detail {
		position: absolute;
		bottom: 0;
		left: 0;
		background: #75B69C;
		margin: 0;
		max-width: 100%;
	}*/
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	ul.app-btn-main li:first-child {
	    margin-right: 30px;
	}
	/*#menu {
		margin-left: 10px;
	}
	.nav > li {
		padding: 0px 15px !important;
	}
	.nav > li:last-child {
	    padding-right: 0 !important;
	}
	.navbar-nav > li > a {
		text-transform: none;
	}

	.header-right-link > ul > li > a .link-text {
		font-size: 14px;
	}

	.blog-listing .sidebar .sidebar-default .recent-post .recent > a {
	    max-width: 75px;
	    float: left;
	}

	.blog-section .blog-image {
		width: 207px;
	}
	.blog-section .blog-detail {
		margin-left: 207px;
		padding: 10px;
	}
	.blog-detail p {
	    max-height: 48px;
	    overflow: hidden;
	}*/

	/* sidebar css */
	/*.sidebar .sidebar-default {
		padding: 15px;
	}*/
}

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

@media (max-width: 991px) {
	.center-md {
		text-align: center !important;
	}
	.float-none-md {
		float: none !important;
	}
	.float-left-md {
		float: left !important;
	}
	.float-right-md {
		float: right !important;
	}
	.ptb-md-0 {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.pt-md-0 {
		padding-top: 0px;
	}
	.pb-md-0 {
		padding-bottom: 0px;
	}
	.ptb-md-15 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.pt-md-15 {
		padding-top: 15px;
	}
	.pb-md-15 {
		padding-bottom: 15px;
	}
	.ptb-md-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.pt-md-30 {
		padding-top: 30px;
	}
	.pb-md-30 {
		padding-bottom: 30px;
	}
	.ptb-md-60 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.pb-md-60 {
		padding-bottom: 60px;
	}
	.pt-md-60 {
		padding-top: 60px;
	}
	.ptb-100 {
	    padding-top: 65px;
	    padding-bottom: 65px;
	}
	.pt-100 {
	    padding-top: 65px;
	}

	.pb-100 {
	    padding-bottom: 65px;
	}

	.pt-60 {
		padding-top: 45px;
	}
	.mt-60 {
		margin-top: 45px;
	}
	.mb-60 {
		margin-bottom: 45px;
	}
	.mtb-md-30 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.mt-md-30 {
		margin-top: 30px;
	}
	.mb-md-30 {
		margin-bottom: 30px;
	}
	.mtb-md-15 {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.mt-md-15 {
		margin-top: 15px;
	}
	.mb-md-15 {
		margin-bottom: 15px;
	}

	h2.main_title {
		font-size: 35px;
	}
	.heading-part.text-center h2.main_title::after, .heading-part.text-center h2.main_title::before {
		top: 22px;
	}

	/* Contant */
	#screen1 {background-image: url(../images/mobile-screen1-bg.jpg) !important;}
	.banner-detail .banner-detail-inner {max-width: 440px;}
	.ser-title {margin: 10px 0;height: auto;}
	.app-slider-bg .col-lg-4 {background-size: cover; min-height: 100vh;}
	.app-slider-bg {padding: 0 !important;}
	.service-box {min-height: 100vh;}
	.feature-box {padding-top: 0;}
	.service-bg .heading-part {background: #f7f8f9;display: inline-block;position: relative; margin-bottom: 0; padding-top: 50px; top: auto;}
	#service-box1 .feature-box-main .heading-part {/*padding-top: 0;*/ position: absolute; top: 0;}
	.feature-detail .small-text {position: relative; top: auto;/*margin-bottom: 20px;*/}
	.scroll-down .icon img {width: 40px;}
	.contact-bg {background-size: auto !important; background-repeat: no-repeat;}

	/* Header */
	header {
		padding: 15px 0;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		-o-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	}

	.search-container input[type="text"] {
	    font-size: 30px;
	    padding: 0;
	    font-weight: 500;
	}
	/* owl-slider arrow */
	.owl-carousel .owl-nav button[class*="owl-"], .owl-carousel .owl-nav button[class*="owl-"].disabled:hover {
		height: 56px;
	}
	/* owl-slider arrow */

	.banner-detail .subtitle2 {
		background: #75B69C;
		letter-spacing: 3px;
		padding-right: 10px;
	}
	.banner-detail .subtitle2 .part1 {
		padding-left: 10px;
	}

	.banner {
	    margin-top: 60px;
	}

	.inner-banner {
		padding: 60px 0;
	}

	.navbar-brand img {
		height: 30px;
	}

	.header-right-link > ul > li {
		padding: 5px 0;
		margin: -5px 0;
	}
	
	/* banner css start */
	.banner-detail {
		text-align: center;
	}
	.banner-detail .banner-detail-inner {
		padding: 0px 0 70px 0;
		text-align: center;
	}
	.banner-main-img {
		float: none;
		display: inline-block;
	}
	/* banner css end */

	/* Breadcrumb css start */
	.bread-crumb-main {
		text-align: center;
	}
	.inner-banner .banner-title{
		float: none;
		margin-bottom: 10px;
	}
	.breadcrumb {
	    float: none;
	}
	/* Breadcrumb css end */

	/* Services css start */
	.services-box {
		text-align: center;
	}
	.services-box-inner {
		width: auto;
		text-align: left;
	}

	/* breadcrumb css start */
	.inner-banner-part .inner-banner-content {
		padding: 50px 0;
	}
	.inner-banner-part .inner-banner-content .head-one {
		font-size: 35px;
	}
	/* breadcrumb css end */

	/* FAQ css start */
	
	.faq-part .nav > li > a {
		border: none;
		padding: 8px 25px;
		font-size: 14px;
		margin: 0;
	}
	.nav-tabs > li > a.selected, .nav-tabs > li > a.selected:hover, .nav-tabs > li > a.selected:focus {
		border: none;
	}

	.accordion-box h3 {
	    font-size: 16px;
	}
	/* FAQ css end */

	/* Shorting css */
	.show-item {
	    width: 100%;
	    margin-top: 20px;
	}
	/* Shorting css */

	/*  blog page css start */
	.blog-listing .sidebar .recent-post .recent {margin-bottom: 20px;}
	.blog-listing .sidebar .recent-post .recent:last-child {margin-bottom: 0px;}
	.blog-listing .sidebar .sidebar-default .searching input {height: 50px;}
	.blog-listing .sidebar .sidebar-default .searching i {padding: 16px;}
	/*  blog page css end */

	/* footer css */
	.footer-static-block {
		margin-bottom: 30px;
	}

}

@media (min-width: 768px) {
	.footer-static-block .footer-block-contant {
		display: block !important;
	}
}

@media (max-width: 767px) {
	.float-none-sm {
	    float: none !important;
	}
	.mtb-sm-30 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.mt-sm-30 {
		margin-top: 30px;
	}
	.mb-sm-30 {
		margin-bottom: 30px;
	}

	.mtb-sm-20 {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.mt-sm-20 {
		margin-top: 20px;
	}
	.mb-sm-20 {
		margin-bottom: 20px;
	}

	h2.main_title {
	 	font-size: 30px;
    	line-height: 35px;
	}

	.banner-detail .banner-detail-inner img {height: 100px;}
	.banner-detail .banner-detail-inner a.btn img {height: 40px !important;border-radius: 10px;}
	.banner-detail .banner-detail-inner .banner-title {font-size: 40px;line-height: 50px;}
	.ser-title {font-size: 25px;line-height: 30px;}

	/* breadcrumb css start */
	.inner-banner-part .inner-banner-content {
	    padding: 30px 0;
	}
	/* breadcrumb css end */
	
	/* Blog detail css strat */
	.blog-detail-part .detail-title .head-two{font-size: 16px;}
	.blog-detail-part .detail-title p:nth-of-type(2){margin-top: 20px;}
	.blog-detail-part .detail-title .tag-text{font-size: 15px;}
	.blog-detail-part .detail-title .detail-tags span{padding-left: 3px;}
	.blog-detail-part .comment-part .head-three{margin-top: 0;margin-bottom: 15px;}
	.blog-detail-part .leave-comment-part{padding-top: 50px;}
	.blog-detail-part .leave-comment-part .form-group .form-control{height: 45px;margin-bottom: 20px;}
	.blog-detail-part .leave-comment-part form .btn.comment{width: 140px;height: 44px;font-size: 13px;}
	/* Blog detail css end */
}

@media (max-width: 650px) {
	h2.main_title {
	    font-size: 26px;
	    line-height: 30px;
	}
}

@media (max-width: 575px) {
	body {font-size: 17px;line-height: 22px;}
	.float-xs-none {float: none;}
	.ptb-100 {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.pt-100 {
	    padding-top: 50px;
	}
	.pb-100 {
	    padding-bottom: 50px;
	}
	.btn, button {padding: 18px 25px;font-size: 16px;letter-spacing: -0.5px;}
	ul.sidebar-navigation li a .line {height: 40px;}

	/* Header css */
	.header-right-link > ul > li > a {
		padding: 0px 5px;
	}
	/* Header css */

	.sidebar-left {width: 60px;}
	.hero {padding-left: 60px;}

	.responsive-table .row {margin-bottom: 15px;}
	.responsive-table .row [class*="col-"] {padding: 10px; border: 1px solid #1f1f1f; border-right: 1px solid #1f1f1f; border-bottom: 1px solid #1f1f1f;}
	.responsive-table .row [class*="col-"]:last-child {border-right: 1px solid #1f1f1f;}
	.responsive-table .row [class*="col-"]:first-child {border-bottom: none;}
	.banner-detail .banner-detail-inner .banner-title {font-size: 30px;line-height: 40px;letter-spacing: -0.8px;}

}

@media (max-width: 419px) {
	h2.main_title {
	    font-size: 22px;
	    line-height: 30px;
	}
	.ser-feature-block .col-6 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.header-link-dropdown {
	    right: 50%;
	    transform: translateX(28%);
	    -ms-transform: translateX(28%);
	    -webkit-transform: translateX(28%);
	    -o-transform: translateX(28%);
	}
	
	.short-by > span, .show-item > span {
		display: none;
	}
}