/*--------------------------------------*/

/* Responsive
/*--------------------------------------*/

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	header .navbar-brand .logo {
        height: 27px;
    }
    header .navbar .btn.btn-default{
        font-size: 12px;
        padding: 6px 8px;
    }
	.gallery-section .gallery-slider img {
	  width: 200px;
	}
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	header .offcanvas-body,
	header .navbar .nav-item{
		padding: 0;
	}
	header .offcanvas-header,
	header .navbar .nav-item .nav-link{
		padding: 10px 20px;
		border-bottom: 1px solid;
	}
	header .navbar .nav-item .nav-link:before{
		bottom: 0;
	}
	header .search-bar .dropdown-item{
		padding-left: 40px;
	}
	header .navbar .btn.btn-default {
		padding: 6px 10px;
		margin-top: 10px;
	}
	header .navbar .nav-item:not(:last-child) .nav-link:hover:before, header .navbar .nav-item:not(:last-child):hover .nav-link:before, header .navbar .nav-item:not(:last-child) .nav-link.active:before, header .navbar .nav-item:not(:last-child) .nav-link:focus:before{
		width: 0;
	}
	header .navbar .btn.btn-default{
		margin-top: 0;
	}
	header .navbar .search-bar .dropdown-menu.show{
		top: 40px;
	}
	header .navbar .page-list .dropdown .show i::before{
		transform: rotate(180deg);
	}
	header .navbar .page-list .dropdown .dropdown-menu{
		position: relative;
		top: -40px;
	}
	.after-hero-section .live-updates{
		max-width: 380px;
		margin: 0px auto;
	}
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	header .navbar-brand .logo {
        height: 45px;
    }
	.gallery-section .gallery-slider img {
	  width: 200px;
	}
}

@media (max-width: 640px) {
	
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    
	header .navbar .btn.btn-default{
		font-size: 10px;
		margin: 0;
		padding: 6px 6px;
	}
}

/* `xs` returns only a ruleset and no media query */
@media (max-width: 480px) {
    header .navbar-brand{
        margin-right: 0;
    }
	header .navbar-brand .logo {
        height: 31px;
    }
    header .navbar-toggler{
        padding: 4px 2px;
    }
	.gallery-section .gallery-slider img {
	  width: 160px;
	}
}
/*--------------------------------------*/