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

@media (min-width: 992px) and (max-width: 1199.98px) { 
	html{
		font-size: 52%;
	}
}

@media (max-width: 991.98px) {
	html{
		font-size: 58%;
	}
	br{
		display: none;
	}
	.hero_img {
	    position: relative;
	    width: 100%;
	    height: 70rem;
	    max-width: 100%;
	    margin-top: 4rem;
	    margin-bottom: 4rem;
	}
	.circle_box {
	    left: 4rem;
	}
	.about_img{
		max-width: 100%;
	}
	.service_box img {
	    max-height: 31rem;
	}
	.service_box h4 {
	    min-height: 4rem;
	}
	.lock_img {
	    right: -3%;	
	}
	.about_content {
	    max-width: 100%;
	    margin-left: 0rem;
	}
	.warranty_box{
		margin-left: 0;
	}
	.home_area {
	    padding-top: 4rem;
	    text-align: center;
	}
	.logo {
	    max-width: 30rem;
	}
	.home_img {
	    right: -2px;
	    max-width: 35rem;
	}
	.home_area h1{
		font-size: 4.5rem;
		max-width: 100%;
	}
	.home_area p{
		max-width: 100%;
	}
	.gps_bg {
	    left: 50%;
	    height: auto;
	    -webkit-transform: translateY(-50%) translateX(-50%);
	    -ms-transform: translateY(-50%) translateX(-50%);
	    transform: translateY(0%) translateX(-50%);
	    opacity: 1;
	    position: relative;
	    width: 100%;
	}
	.arrow_content img{
		transform: rotate(90deg);
		width: 3.4rem;
	}
	.quote_content{
		margin-left: auto;
		margin-right: auto;
	}
	.quote_area{
		text-align: center;
		padding-bottom: 4rem;
	}
	.gps_area .container{
		display: flex;
		flex-direction: column-reverse;
	}
	.arrow_content {
	    margin-top: 0;
	    margin-bottom: 4rem;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	}
	.gps_content {
	    margin-right: auto;
	}
	.gps_content p:first-child{
		text-align: center;
	}
	.gps_content {
	    max-width: 30.5rem;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 45%;
	}
	.back-to-top {
	    bottom: 7rem;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	body{
		font-size: 1.8rem;
	}
	html{
		font-size: 2.2vw;
	}
	.container{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.btn_wrapper{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.row{
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.row>div{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.logo {
	    max-width: 20rem;
	}
	.home_area h1 {
	    font-size: 3.5rem;
	}
	.home_area p{
		font-size: 2.5rem;
		max-width: 100%;
	}
	.home_area .container{
		padding-bottom: 0rem;
	}
	.home_img {
	    max-width: 28rem;
	}
	.circle_box {
	    height: 15rem;
	    width: 15rem;
	    left: 2rem;
	    bottom: 23rem;
	}
	.circle_box h2 {
	    font-size: 5.6rem;
	}
	.footer_bottom p{
		font-size: 1.7rem;
	}
	.warranty_box img {
	    width: 13rem;
	}
	.title_wrapper h2 {
	    font-size: 4.5rem;	
	}
	.service_box p{
		max-width: 100%;
	}

	.garantie_box {
	    padding: 3.5rem 3.5rem;
	}
	.garantie_box img {
	    width: 16rem;	
	}
	.review_box p{
		max-width: 100%;
	}

	.head_wap {
	    display: block;
	    text-align: center;
	}
	.head_wap h2 {
	    margin-top: 3rem;
	    font-size: 3rem;
	}
	.hero_img {
	    height: 39rem;
	    margin-top: 4rem;
	    padding-left: 4rem;
	}
	.gps_bg {
	    width: 130%;
	}
	.gps_area{
		padding-top: 0;
	}
	.hero_img{
		margin-left: -2rem;
		margin-right: -2rem;
		width: calc(100% + 4rem);
		max-width: calc(100% + 4rem);
	}
}