/* ==========================================================================

   Media Queries

   ========================================================================== */

/* Extra small devices (portrait phones, less than 576px)

No media query for `xs` since this is the default in Bootstrap */

   

/* Extra large devices (large desktops, 1200px and down) */

@media (max-width: 1200px) {

	.navbar-dark .navbar-nav .nav-link {font-size:16px;}



	.block-content {padding:25px;}

	.block-content h3 {margin-bottom:20px;}





	.f-nav .social-icon a .fa {font-size:22px;}

}



/* Large devices (desktops, 992px and down) */

@media (max-width: 992px) {

	.section, .section .intro {height:auto!important;}

	.banner {height:100vh!important;}

	.navbar-brand {max-width:160px;}



	.carousel-caption h2 {font-size:2.1rem;}

	.about .img-part, .about .txt-part {padding-left: 15px; padding-right: 15px;}

	.about .flex-row-reverse .img-part, .about .flex-row-reverse .txt-part {padding-right: 15px; padding-left:15px;}

	.block-content h3, .experience h3, .head h3 {font-size:29px; line-height:42px;}

	.block-img {min-height:300px;}



	.map-img {overflow:auto;}



	.tailor .carousel-item .carousel-image {max-height:25vh;}

}



/* Medium devices (tablets, 768px and down) */
@media (max-width: 768px) {   
	.section {padding-top:40px!important; padding-bottom:40px;}
	.section:last-child, .section:first-child {padding-bottom:0!important;}
	.no-js .owl-carousel, .owl-carousel.owl-loaded {margin:0;}
	.tailor .carousel-item .carousel-image img {transform:inherit;}
	.navbar-nav {height: calc(100vh - 62px)!important;}
	.inner-slide {margin-top:20px;}
	.blog-in .col-lg-6:first-child {margin-bottom:25px;}
	.blog-in .block-img {margin-right:0;}
	.blog-in .flex-row-reverse .block-img {margin-left:0;}
	.experience .card {padding:0;}
	.subscribe .form-control {min-width:230px;}
	.footer {text-align:center;}
	.block-pad {padding:0;}
	.txt-part {margin:15px 0;}
	#welcomeModal .pop-body strong {font-size:18px;}
	#welcomeModal .form-control {min-width:180px;}
	.main_box {bottom:22px;}

	@keyframes v-move {
		0% {top: 0px; height:0;}
		50% {top: 0px; height:40px;}
		100% {top: 40px; height:0px;}
	}



	/* .location-map {min-height:500px;} */
	.map-img {overflow:auto; width:calc(100% - 30px);}
	.map-btn {display:none!important}
	.map-img .dot {width: 8px; height: 8px; margin-top: -8px; margin-left: -8px;}
	.contact {padding:0 40px;}
	.contact form .col-12:last-child {text-align:center;}
	.contact .list-group {padding-left:0; text-align: center; margin-top: 3rem;   margin-bottom: 1rem;}
	.content-map {width:100%; position:relative; padding:15px;}
}



/* Small devices (landscape phones, 576px and down) */

@media (max-width: 576px) {

	.f-nav {margin:0;}

	.f-nav .social-icon {min-height:60px;}

}