/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

	/*CSS for Inner Pages Banner*/
	.inner-banner .banner-left {
		max-width: calc(100% - 68%);
	}
	.inner-banner .banner-right {
		max-width: 68%;
	}
	/*End CSS for Inner Pages Banner*/

	/*CSS for Collpased Section*/
	.business-services-block > .row:nth-child(even)>div:first-child {
	    order: 1;
	}
	/*End CSS for Collpased Section*/

	/*CSS for Contact Us Page*/
	.contact-us-wrapper {
		width: 96%;
	}
	.social-links-list li:not(:last-child){
		margin-bottom: 24px;
	}
	/*End CSS for Contact Us Page*/
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { ... }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }


/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { ... }

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	
	/*CSS for Nav*/
	.navbar .navbar-collapse {
	    background-color: rgba(0, 0, 0, 0.86);
	    position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 100%;
	    left: 0;
	    opacity: 0;
	    visibility: hidden;
	    z-index: 99;
	    -webkit-transition: all 0.6s 0.1s cubic-bezier(0.26, 0.55, 0.49, 0.96);
	    transition: all 0.6s 0.1s cubic-bezier(0.26, 0.55, 0.49, 0.96);
	}
	.navbar .navbar-collapse.show {
	    bottom: 0;
	    opacity: 1;
	    visibility: visible;
	    -webkit-transition-delay: 0s;
	    transition-delay: 0s;
	}
	.navbar .navbar-toggler {
	    box-shadow: none !important;
	    outline: 0 !important;
	    z-index: 100;
	}
	
	.first-nav {
	    max-width: 400px;
	}
	.navbar-light .navbar-nav li.active .nav-link {
		color: #fff;
	}
	.navbar-expand-lg .navbar-nav {
	    padding-top: 76px;
	    flex-direction: row;
	    margin-right: auto;
	    text-align: center;
	    flex-wrap: wrap;
	}
	.navbar-expand-lg .navbar-nav .nav-item {
		flex-basis: 100%;
		max-width: 100%;
		margin-bottom: 15px;
	}
	.navbar-expand-lg .navbar-nav .social-links {
		flex-basis: 33.33%;
		max-width: 33.33%;
	}
	/*End CSS for Nav*/

	/*CSS for Banner Section*/
	.banner-text h2 {
	    font-size: 1.2rem;
	}
	/*End CSS for Banner Section*/
	.navbar .navbar-collapse .navbar-nav {
	    position: relative;
	}
	.side-nav{
		position: absolute;
    	top: 26px;
	}
	.banner-detail {
	    max-height: 141px;
	}
	/*..*/
	.sm-menu {
		background-color: #000;
	}
	.second-nav li {
	    display: initial;
	    padding: 0px;
	}
	.sm-menu {
	    min-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: #fff;
	}
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	    color: #FFF;
	}
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 

	/*CSS for Banner Section*/
	.banner-content > div{
		max-width: 100%;
	    width: 100%;
	    flex-basis: 100%;
	}
	.banner-thumbnail {
		background-position: center;
	}
	.banner-text {
	    max-width: 100%;
	}
	.banner .item {
		padding: 15px;
	}
	.banner-text h2 {
	    font-size: 1rem;
	}
	/*End CSS for Banner Section*/

	/*CSS for Contact Us Page*/
	.social-links-list li {
	    width: 25%;
	}
	/*End CSS for Contact Us Page*/

	/*CSS for Payement Success Page*/
	.success-msg img {
		max-width: 60%;
	}
	/*End CSS for Payement Success Page*/
	/*..contact-us.html*/
	.contact-detail-box {
	    border-right: none;
	    padding-right: 10px;
	}
	.banner-detail {
	    max-height: 77px;
	}
	.footer-section .navbar-nav li {
	    padding: 0px 5px;
	    
	}
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	.navbar-brand img {
		max-width: 80%;
	}
	/*.list-box > div {
	    max-width: 300px;
	    margin-bottom: 25px;
	}*/
	.list-box > div {
	    max-width: 100%;
	    margin-bottom: 0px;
	}
	.collapse-content {
	    padding: 25px 0;
	}
	.paypal-wrapper {
	    width: 100%;
	    display: table;
	    padding: 35px 20px 35px;
	    -webkit-box-shadow: 0 0px 3px rgba(0,0,0,.15);
	    box-shadow: 0 0px 3px rgba(0,0,0,.15);
	}

	/*CSS for Contact Us Page*/
	.social-links-list li {
	    width: 50%;
	    margin-bottom: 20px
	}
	/*End CSS for Contact Us Page*/
	/*...contact-us css*/
	.contact-footer ul li {
	    padding-bottom: 10px;
	}

	/*..footer-section..*/
	.footer-section .navbar {
	    padding: 5px 0px;
	    justify-content: center;
	}
	.footer-section .nav-link {
	    font-size: 12px;
	    padding: 5px 0px;
	}
	.list-33> li {
	    max-width: 25.33%;
    	width: 16.33%;
	}
	.place-list li:nth-last-child(2), .place-list li:last-child {
	    width: 24%;
	    max-width: 24%;
	}
}

@media (max-width: 420px) {
	.overlay-text {
		left: 10px;
		top: 10px;
		bottom: 10px;
		right: 10px;
	}
	.overlay-text h4 {
		font-size: 12px;
	}
	.overlay-text p {
		font-size: 10px;
	}
	.list-33> li {
	    max-width: 17.33%;
	    width: 19.33%;
	}
	.place-list li:nth-last-child(2), .place-list li:last-child {
	    width: 23%;
	    max-width: 39%;
	}
	.banner-thumbnail {
	    min-height: calc(314px - 73px);
	}
	.banner-left h4 {
	    padding: 10px 0px 0px !important;
	}
}