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

@media (max-width: 1199px) { 
	.hero_wrapper h1 {
	    font-size: 30px;
	    line-height: 33px;
	}

	.sub_title {
	    font-size: 25px;
	    line-height: 35px;
	}

	.price_box p {
    	font-size: 14px;
	}

	.tired2 {
	    padding-bottom: 0px;
	}

	.promo-img img.promo_middle_img{
		max-width: 80%;
	}
}

@media (max-width: 991px) {
	body {
	    font-size: 16px;
	    line-height: 20px;
	}
	.hero_wrapper h1 {
	    font-size: 22px;
	    line-height: 25px;
	}
	
	.sub_title {
	    font-size: 20px;
	    line-height: 30px;
	}

	.button.v2 {
	    background-color: #6f6f6f;
	    padding-left: 60px;
	    padding-right: 60px;
	    font-size: 20px;
	}

	.hero_wrapper iframe {
	    height: 250px;
	}

	.tired_area .pt_100{
		padding-top: 0;
	}

	h2 {
	    font-size: 22px;
	    line-height: 30px;
	}

	h3 {
	    font-size: 20px;
	}

	.sub_title.v2 {
	    font-size: 35px;
	    color: #757575;
	}

	.price_box{
		padding: 15px;
	}

	.price_box h4 {
	    font-size: 20px;
	    line-height: 20px;
	    min-height: 40px;
	}

	.price_box p {
	    font-size: 10px;
	    font-weight: 600;
	    line-height: 15px;
	    min-height: 43px;
	}

	.price_box h6 {
	    margin-bottom: -5px;
	}

	.oil_area.mt_100 {
	    margin-top: 0px;
	}

	.mt_md_0{
		margin-top: 0;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767px) {
	br{
		display: none;
	}

	.ab_column {
	    position: relative;
	    right: auto;
	    top: auto;
	    padding-right: 15px;
	}

	.ab_column.v2 {
	    right: auto;
	    left: auto;
	    padding-left: 15px;
	    top: auto;
	}

	.oil_area .media img {
	    height: 50px;
	}

	.oil_area .media.mt_40{
		margin-top: 20px;
	}

	.feature_area .media img {
	    height: 45px;
	}

	.feature_area .media.mt_25{
		margin-top: 20px;
	}

	.feature_area .media.sm_img img {
	    height: 35px;
	    margin-left: 40px;
	}

	.feature_area .media.mt_20{
		margin-top: 15px;
	}

	.comment_area {
	    padding: 45px 0 65px;
	}

	.button.mt_100{
		margin-top: 45px;
	}

	.feature_area::after {
	    right: -49px;
	    width: 60%;
	    height: 310px;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575px) {
	header{
		padding: 15px 0;
	}
	.logo img{
		max-width: 128px;
	}
	.button {
	    padding: 13px 22px 12px;
	    font-size: 14px;
	}

	.hero_wrapper {
	    padding-top: 70px;
	}

	.button.v2 {
	    padding-left: 45px;
	    padding-right: 45px;
	    font-size: 16px;
	}

	h2 {
	    font-size: 18px;
	    line-height: 25px;
	}

	h3 {
	    font-size: 16px;
	}

	.sub_title.v2 {
	    font-size: 25px;
	    line-height: 30px;
	}

	.pt_90{
		padding-top: 60px;
	}

	.position-relative.mt_40{
		margin-top: 0;
	}

	.mt_100{
		margin-top: 60px;
	}

	.mt_70{
		margin-top: 45px;
	}

	.mt_60{
		margin-top: 30px;
	}

	.feature_area{
		padding-bottom: 5px;
	}

	.pricing_area {
	    padding-top: 60px;
	}

	.promo-img img.promo_middle_img {
	    max-width: 90%;
	}
}