/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1920px) { 
	.container{
		max-width: 1650px;
	}
	.menu{
		padding-left: calc((100% - 1650px) / 2 + 1.5rem);
	}
}
@media (min-width: 1600px) and (max-width: 1919.98px){
	html{
		font-size: 55%;
	}
	.container{
		max-width: 1450px;
	}
    .menu{
		padding-left: calc((100% - 1450px) / 2 + 1.5rem);
	}
}
@media (min-width: 1366px) and (max-width: 1599.98px){
	html{
		font-size: 47%;
	}
	.container{
		max-width: 1250px;
	}
	.menu{
		padding-left: calc((100% - 1250px) / 2 + 1.5rem);
	}
}
@media (min-width: 1200px) and (max-width: 1365.99px){
	html{
		font-size: 44%;
	}
	.container{
		max-width: 1140px;
	}
	.menu{
		padding-left: calc((100% - 1140px) / 2 + 1.5rem);
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	html{
		font-size: 36%;
	}
	.container{
		max-width: 960px;
	}
	.menu{
		padding-left: calc((100% - 960px) / 2 + 1.5rem);
	}
	.owl-nav button.owl-prev {
	    left: -3.5rem;
	}
	.owl-nav button.owl-next {
	    right: -3.5rem;
	}
}
@media (min-width: 768px) and (max-width: 991.98px){
	.container{
		max-width: 700px;
	}
	.menu{
		padding-left: calc((100% - 700px) / 2 + 1.5rem);
	}
}
@media (max-width: 991.98px) {
	html{
		font-size: 62.5%;
	}
	header::before {
	    height: 0.5rem;
	}
	.icon_box a:not(:last-child) {
	    margin-right: 1rem;
	}
	.icon_box a {
		height: 3.6rem;
		width: 3.6rem;
		font-size: 1.8rem;
	}
	.hamburger-menu>span{
		display: none;
	}
	.logo_wrapper {
	    max-width: 45%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 45%;
	            flex: 0 0 45%;
	}
	.home_area {
	    margin-top: 14rem;
	}
	h1 {
	    font-size: 5rem;
	}
	.home_content {
	    max-width: 44rem;
	}
	.banner_item{
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		min-height: 50rem;
        padding: 6rem 0 4rem;
	}
	h2, h3{
		font-size: 3.6rem;
	}
	.about_content {
	    padding-bottom: 0rem;
	}
	.owner_wrap {
	    -webkit-column-gap: 3rem;
	       -moz-column-gap: 3rem;
	            column-gap: 3rem;
	    padding-right: 3rem;
	}
	.service_box{
		margin-bottom: 5rem;
	}
	.service_content {
	    padding: 5rem;
	}
	.service_content::before {
	    content: '';
	    position: absolute;
	    top: -1.5rem;
	    -webkit-transform: translateY(0%) translateX(-50%) rotate(45deg);
	        -ms-transform: translateY(0%) translateX(-50%) rotate(45deg);
	            transform: translateY(0%) translateX(-50%) rotate(45deg);
	    left: 50% !important;
	    right: auto;
	}
	.reference_area {
	    padding: 5rem 0 10rem;
	}
	.cta_area {
	    padding: 20rem 0 7.5rem;
	}
	.cta_img {
	    max-width: 100%;
	    opacity: 0.4;
	}
	.cta_img::after {
	    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--blue)), to(transparent));
	    background: -o-linear-gradient(bottom, var(--blue) 0, transparent 100%);
	    background: linear-gradient(to top, var(--blue) 0, transparent 100%);
	}
	.first_col {
	    max-width: 50%;
	}
	.list_wrapper{
		text-align: right;
	}
	footer .icon_box{
		position: absolute;
		right: 1.5rem;
		top: 0;
	}
	.home_content {
        max-width: 63rem;
        padding-bottom: 4rem;
    }
    .owner_wrap p,
    .owner_wrap h4{
        font-size: 2.4rem;
    }
}
/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 46%;
	}
	.menu{
		padding-left: calc((100% - 540px) / 2 + 1.5rem);
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 2vw;
	}
	.container, .menu{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	.logo_wrapper {
	    max-width: 55%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 55%;
	            flex: 0 0 55%;
	}
	.home_area {
	    margin-top: 13rem;
	}
	.owner_wrap{
		padding-right: 0;
	}
	.first_col{
		max-width: 100%;
	}
	footer .mt_40 {
	    margin-top: 2.5rem;
	}
	.list_wrapper{
		text-align: left;
	}
	footer {
	    padding: 6rem 0;
	}
	footer .icon_box {
	    right: 2.5rem;
	}
	.reference_area {
	    padding: 2rem 0 7rem;
	}
	.ref_box {
	    height: 12rem;
	    padding: 2rem 3rem;
	}
	.mt_70 {
	    margin-top: 5rem;
	}
	.service_content {
	    padding: 3rem;
	}
	h2, h3 {
	    font-size: 3rem;
	}
	.owner_wrap>img {
	    width: 18rem;
	}
	.owner_wrap p {
	    font-size: 2rem;
	}
	.owner_wrap h4 {
	    margin-top: 2rem;
	    font-size: 2rem;
	}
	h1 {
	    font-size: 3.6rem;
	}
	.home_content {
	    max-width: 200%;
	}
	.mt_55{
		margin-top: 3rem;
	}
	.about_content p:nth-last-child(2) {
        font-size: 2rem;
    }
	.menu .icon_box a{
		background-color: #fff;
		color: var(--darkBlue);
		height: 5rem;
		width: 5rem;
		font-size: 2.2rem;
	}
	.menu .icon_box a:hover{
		background-color: var(--blue);
		color: #fff;
	}
}