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

@media (min-width: 1366px){
	.container{
		max-width: 1280px;
	}
}
@media (min-width: 1200px) and (max-width: 1365.99px){
	html{
		font-size: 59%;
	}
	.container{
		max-width: 1180px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	html{
		font-size: 49%;
	}
	.container{
		max-width: 970px;
	}
}
@media (min-width: 768px) and (max-width: 991.98px){
	.container{
		max-width: 750px;
	}
}
@media (max-width: 991.98px) {
	html{
		font-size: 60%;
	}
	.blog_row>div .blog_content,
	.blog_wrapper .blog_row>div:nth-child(even) .blog_content {
	    position: absolute;
	    bottom: 3.1rem;
	    right: 1.5rem;
	    left: 1.5rem;
	    padding: 1.5rem;
	    background-color: #fff;
	}
	.blog_row>div .blog_img,
	.blog_wrapper .blog_row>div:nth-child(even) .blog_img{
		height: 100%;
	}
	.blog_card{
		min-height: 40rem;
	}
	.subscribe_form{
		max-width: 100%;
	}
	.slider_inner {
	    padding: 2rem 0;
	}
	.bottom_caption{
		bottom: 0;
	}
	.side_bar{
		padding-bottom: 6rem;
		padding-top: 6rem;
		padding-left: 0;
	}
	.side_bar::before{
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.map_box {
	    position: relative;
	    width: 100vw;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	    height: 76rem;
	}
	.location_wrapper {
	    position: relative;
	    padding-top: 0;
	}
	.location_form{
		max-width: 100%;
	}

	/*menu csss*/
	.right_menu .social_icons,
	.right_menu .store_btn{
		display: none;
	}
	.hamburger-menu{
		display: block;
	}
	.menu_wrapper {
	    position: fixed;
	    top: 0;
	    height: 100dvh;
	    width: 86%;
	    left: -100%;
	    z-index: 2;
	    padding-top: 0 !important;
	    -webkit-transition: 0.3s;
	    -o-transition: 0.3s;
	    transition: 0.3s;
	    overflow: auto;
	    overflow-x: hidden;
	    display: block;
	}
	.menu_wrapper.current{
		left: 0;
	}
	.menu_wrapper .container{
		padding-left: 0;
		padding-right: 0;
	}
	.menu>ul>li.dropdown_wrap .mega_menu{
		position: relative;
		top: auto;
		opacity: 1;
		pointer-events: all;
		padding: 1.2rem 0;
		display: none;
		-webkit-transition: initial;
		-o-transition: initial;
		transition: initial;
	}
	.menu{
		display: block;
		padding-top: 3rem !important;
		padding-bottom: 3rem;
	}
	.menu>ul{
		display: block;
		margin: 0;
	}
	.menu>ul>li{
		margin-left: 0;
		padding: 0;
		margin-bottom: 0;
		border-radius: 0;
		position: relative;
	}
	.menu>ul>li>a{
		max-width: 100%;
        padding: 1.4rem 2rem !important;
        font-weight: 600;
        font-size: 2rem;
	}
	.menu>ul>li.dropdown_wrap>a::after{
		display: none;
	}
	.opener {
	    color: #494b53;
	    display: inline-block;
	    padding: 1.5rem;
	    line-height: 1;
	    font-size: 1.4rem;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	.opener::before{
		content: "\f067";
		font-family: "Font Awesome 5 Pro";
		font-weight: 900;
	}
	.opener.open::before{
		content: "\f068";
	}
	.menu_item{
		width: 100%;
		padding: 0.6rem 2rem 0.6rem 3rem;
		position: relative;
	}
	.menu_item .opener{
		padding: 0.9rem 1.5rem;
	}
	.menu_item p{
		margin-top: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		font-size: 1.5rem;
		position: relative;
	}
	.menu_item .opener + ul{
		display: none;
	}
	.menu_item ul{
		padding-bottom: 1.5rem;
	}
	.location,
	.search_toggle{
		font-size: 2.5rem;
		color: #000;
	}
	.right_menu {
	    -webkit-column-gap: 1.5rem;
	       -moz-column-gap: 1.5rem;
	            column-gap: 1.5rem;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	}
	.search_box{
		width: 100%;
		margin-right: 0;
	}
	.overlay{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		height: 100dvh;
		background-color: rgba(0,0,0,0.8);
		pointer-events: none;
		opacity: 0;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.overlay.current{
		opacity: 1;
		pointer-events: all;
	}
}
/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 42%;
	}
	
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 2.6vw;
	}
	.container{
		padding-left: 1.8rem;
		padding-right: 1.8rem;
	}
	.logo {
	    width: 18rem;
	}
	.menu>ul>li>a{
		font-size: 1.6rem;
	}
	.cta_area{
		min-height: auto;
	}
	.cta_card{
		max-width: 100%;
	}
	h1,h2{
		font-size: 3.8rem;
	}
	.home_slider .owl-dots {
	    bottom: 50%;
	    left: auto;
	    right: 1.5rem;
	    -webkit-transform: translateX(0%) translateY(50%);
	        -ms-transform: translateX(0%) translateY(50%);
	            transform: translateX(0%) translateY(50%);
	    padding: 1rem;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	    row-gap: 0.6rem;
	}
	.slider_item img{
		min-height: 15rem;
	}
	.slider_content {
	    padding: 1.5rem;
	    max-width: 25rem;
	    margin-right: 4rem;
	}
	.slider_content h1{
		font-size: 2.2rem;
		font-weight: 400;
	}
	.slider_inner {
	    padding: 2rem 0;
	}
	.footer_bottom {
	    padding-top: 1.5rem;
	}
	.breadrumb_area{
		display: none;
	}
	.map_box {
	    height: 64rem;
	}
}