@media only screen and (min-width: 1540px){
.ads_wrapper{margin-bottom:80px; width: calc(100% - 160px);}
}


@media only screen and (min-width: 1367px){
.container{max-width: 1440px;}
}

@media only screen and (max-width: 1366px){
	.banner_content h1{font-size: 86px; line-height: 86px;}
	.banner_content p{font-size: 50px;line-height: 56px;}
	.banner_content h3{font-size: 16px;line-height: 22px;}
	.banner_tab .tabber{pointer-events: initial; max-width: 302px;}
	.plan_block .price{font-size: 60px;line-height: 60px;}
	.menu_holder .menu-holder_inner .main_nav > ul > li, .account_holder .account-holder_inner .main_nav > ul > li{padding-top: 0; padding-bottom: 0;}
	.main_nav > ul > li > a{padding:5px 10px;}
	a.round_btn{padding: 11px 18px;}
	a.round_btn.large{padding: 15px 30px;}
}

@media only screen and (max-width: 1199px){
	.cursor{ display: none; }
	.banner_content h1 {  font-size: 66px;   line-height: 66px; margin-bottom: 0;}
	.banner_content p { font-size: 38px;  line-height: 44px; }
	.banner_content h3{margin: 0;}
	.top_header .container{max-width: calc(100% - 0px);}
	header.header{width:75px;}
	.main{padding-right: 75px;}
	.menu_holder, .search_holder, .account_holder{  right: 75px;}
	.menu-holder_bg, .search-holder_bg, .account-holder_bg{right: 75px;}
	.top_header{right: 75px;}
	.menu-holder_pad, .search-holder_pad, .account-holder_pad{padding: 0 60px 0 60px;}
	.menu-holder_inner, .search-holder_inner, .account-holder_inner{padding: 50px 0 50px 0;}
}

@media only screen and (max-width: 991px){
	.banner_content{transform: translateY(0%); top: 80px;}
	.banner_tab{position: static; transform: translateY(0%);}
	.banner_content h1 { font-size: 46px;  line-height: 46px; }
	.banner_content p { font-size: 25px;  line-height: 30px;}
	.banner_tab{ background-color: #ff7e14; margin-top: 0 !important;  padding-top: 20px; padding-bottom: 20px;}
	.banner_tab .tabber{max-width: initial;}
	.plan_block{padding: 30px 20px;}
	.about_image_slider{position: static; }

	.menu_holder, .search_holder, .account_holder,
	.menu-holder_bg, .search-holder_bg, .account-holder_bg{width: calc(100% - 100px);}

	.menu-holder_pad, .search-holder_pad, .account-holder_pad{padding: 0 30px 0 30px;}
	.about_image_slider .image_wrapper img{width: 100% !important;}
	.about_content:before{left: 0; right: 0;     transform: skew(0deg);}
	.main_nav > ul > li > a{    font-size: 25px;}
	.main_nav > ul > li > ul > li > a{font-size: 20px;}


}

@media only screen and (min-width: 768px){
		.ads_section_image{opacity: 1; visibility: visible;
	  		transform-style: preserve-3d;
	  		transform: rotateY(0deg) scale(1) ;
	    }
	    .ads_section_block:hover .ads_section_image{backface-visibility: hidden; transform: rotateY(180deg) scale(0.95);  background-color: #4c5258; opacity:1;}

	    .ads_section .content{position: absolute;  top: 0; left:15px;width: calc(100% - 30px); display: inline-block; background: #fff; vertical-align: top; opacity: 1;  box-shadow: 0 0 5px rgba(15,17,21,0.0);
		  	 transform-style: preserve-3d;
		 	 transform: rotateY(-180deg) scale(0.95) ;
		  	 backface-visibility: hidden;
		  }
			  .ads_section_block:hover .content{transform: rotateY(0deg) scale(1);  opacity: 1; backface-visibility: hidden;  box-shadow: 0 0 35px rgba(15,17,21,0.15);}
			  .ads_section .content:before{ content: ""; padding-top: 65%; display: block; }
			  .content_inner{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
}

@media only screen and (max-width: 767px){
	.section_header h3,
	.about_content h3{font-size: 36px;    line-height: 44px;}
	.contact_info:before{display: none;}
.contact_details.contact_mail{margin-bottom:40px;}
	.contact_details.contact_number,
	.contact_details.contact_mail{padding-top: 55px; padding-left: 0; padding-right: 0; text-align: center;}
	.contact_details.contact_number:before,
		.contact_details.contact_mail:before{left: 50%; transform: translateX(-50%);}

	.owl-carousel .owl-item .banner_image img{width: auto !important; height: 100% !important;}

	.container{max-width: calc(100% - 60px);}
	header.header{width:50px;}
	.main{padding-right: 50px;}
	.menu_holder, .search_holder, .account_holder{  right: 50px;}
	.top_header{right: 50px;}
	.menu-holder_bg, .search-holder_bg, .account-holder_bg{right: 50px;}
	.menu-holder_pad, .search-holder_pad, .account-holder_pad{padding: 0 20px 0 20px;}
		.menu-holder_inner, .search-holder_inner, .account-holder_inner{padding: 20px 0 20px 0;}
		.main_nav > ul > li > a{    font-size: 20px;}
		.main_nav > ul > li > ul > li > a{font-size: 16px;}
		.menu_holder, .search_holder, .account_holder,
	.menu-holder_bg, .search-holder_bg, .account-holder_bg{width: calc(100% - 60px);}
	.service_action .service_icon{max-width: 80px;}
	.plan_sec .row > div:nth-child(2) .plan_block:after{transform: scale(1.0);}
	.plan_sec .row .row .plan_block{margin-bottom: 30px; border-radius: 20px ;}
	.plan_sec .row .row > div:first-child .plan_block{border-radius: 20px ;}
	.plan_sec .row .row > div:last-child .plan_block{border-radius: 20px ;}
	.plan_sec .row > div .plan_block:after{display: none;}
	.home_blog_silder .owl-item{text-align: center;}

	.ads_section_image{margin-bottom: 0;}



.blog_block{max-width:320px; display: inline-block; width:100%; }

.content,
.ads_section_image{margin-bottom: 00px; max-width: 320px; width: 100%;}
.service_action:before {padding-top: 80%;}
.content{margin-bottom: 30px;}


	.banner_image:before{padding-top: 80%;}
	.banner_image img{height: 100%; width: auto;}
	.banner_content {    transform: translateY(-50%);    top: 27%;}
	.about_content p{font-size: 17px; line-height: 24px;}
	.top_header .logo:before{padding-top: 70px;}
	.top_header .logo{max-width: 80px;}
	.login_toggle{margin-top: 18px;}
	.menu_ico.menu_toggle > span{    width: 24px;    height: 18px;}
	.menu_ico.menu_toggle > span > span{    top: 9px;}
	.la-2x{    font-size: 1.5em;}
	.login_wrapper .login_box{width: 300px;}

}

@media only screen and (max-width: 575px){
	.service_action:before {padding-top: 65%;}
	.banner_image:before{padding-top: 120%;}
	.banner_content {   top: 40%;}
}
@media only screen and (max-width: 475px){
	.service_action:before {padding-top: 65%;}
	.banner_image:before{padding-top: 140%;}
	.banner_content {   top: 25%;}
}
