html body{ min-width: 300px; }

#droidtale-responsive-navigation{ display: none; }

/*--- tablet ---*/
@media only screen and (max-width: 1100px) {
	.droidtale-button-overlay,
	.droidtale-woo-button-overlay { display: none; }
	.droidtale-donate-button { margin-left: 25px; width: auto; }
	.droidtale-top-woocommerce-button { margin-right: 0px; margin-left: 25px; }
	.droidtale-navigation-wrapper .droidtale-main-menu > li > a.sf-with-ul-pre,
	.droidtale-navigation-wrapper .droidtale-main-menu > li > a.sf-with-ul
	.droidtale-navigation-wrapper .droidtale-main-menu > li > a { padding-right: 0; }	
	.image-container img {width: 100%;top: 100px;left: 0px;}
	img#bg_3 {width: 40%;top: 25%;left: 32%;}
	img#bg_2 {width: 200%;top: 35%;left: 0;}
	img#bg_4 {width: 200%;top: 60%;left: 0;}
	img#bg_5 {width: 200%;top: 60%;left: 0;}
	img#bg_6 {width: 100%;top: 65%;left: 0;}
	img#bg_b {width: 20%;top: 35%;}
	img#bg_a {width: 20%;top: 35%;}
	img#bg_b_2 {width: 20%;top: 35%;}
	img#bg_a_2 {width: 20%;top: 35%;}
	img#bg_8 {width: 120%;top: 85%}
	.animation_2 {top: 34.5%;left: 12.5%}
	.canvas_3 {width: 75%;}
	.canvas_2 {width: 75%;}
	#canvas_check_sans {width: 250%;left: 10%;}
	#canvas_check {width: 250%;}
    .services-box h3 {font-size:1.5rem !important;}
    .newsletter_container p {font-size: 0.9rem !important;}
}
@media only screen and (max-width: 1050px) {
	body .droidtale-logo { float: none; margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-bottom: 20px; } 
	body .droidtale-logo-inner { margin: 0px auto; }
	body .droidtale-navigation-wrapper{ float: none; margin-top: 10px; line-height: 0; text-align: center;  }
	body .droidtale-navigation { display: inline-block; line-height: 1.7; text-align: left; }
	body .droidtale-logo-right-text{ float: none; margin-top: 10px; text-align: center; }
	body .droidtale-navigation-wrapper .droidtale-main-menu > li > a{ padding-bottom: 25px; }	
	body .droidtale-button-overlay { top: auto; height: 70px; }
	body .droidtale-fixed-header .droidtale-logo{ display: none; }
	.about-section img {margin-top: 15% !important;}
	.tutoriels-section img, .blog-section img, .terms-section img {margin-top: 15% !important;}
	.terms-section h2 {font-size: 40px !important;}
	.terms-section h2 span {font-size: 35px !important;}
	#img_2 {margin-top: 0% !important;}
	.gif_3 {top:20% !important;}
	.contact_content {margin-top: 25% !important;}
}

@media only screen and (max-width: 959px) {

	body .container{ max-width: 768px; }	
	body .body-wrapper.droidtale-boxed-style { max-width: 808px; }

	.image-container img {width: 125%;top: 100px;left: 0px;}
	img#bg_3 {width: 40%;top: 30%;left: 32%;}
	img#bg_2 {width: 250%;top: 40%;left: 0;}
	img#bg_4 {width: 250%;top: 60%;left: 0;}
	img#bg_5 {width: 250%;top: 60%;left: 0;}
	img#bg_6 {width: 125%;top: 65%;left: 0;}
	img#bg_a {width: 20%;top: 45%;}
	img#bg_b {width: 20%;top: 45%;}
	img#bg_a_2 {width: 20%;top: 45%;}
	img#bg_b_2 {width: 20%;top: 45%;}
	img#bg_8 {width: 130%;top: 85%}
	.animation_2 {top: 35.5%;}
	.tutoriels-layer h4 {font-size: 1rem;}
	.about-section img{margin-top: 25% !important;}
	.blog-section img{margin-top: 25% !important;width:80% !important;}
	.terms-section img{margin-top: 25% !important;width:80% !important;}
	.five {width: 80% !important;}
    .tutoriels-section img, .download-section img {margin-top: 25% !important;width:80% !important;}
	#img_2 {margin-top: 0% !important;}
	.services-box h3 {font-size:1.1rem !important;}
	.newsletter_container {margin-top:0% !important;}
	.newsletter_container p {font-size: 0.8rem !important;width:90% !important;}
	.newsletter_container h2 {font-size: 2rem !important;}
	.gif_3 {top:19% !important;}
	.droidtale-hide-in-tablet{ display: none; } 
	.droidtale-hide-in-tablet-mobile{ display: none; }
	
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { opacity: 1; }
	.droidtale-fixed-header{ display: none; }
	
	.gdlr-icon-shortcode { margin-bottom: 10px; }
	
	.droidtale-blog-widget .droidtale-blog-date-wrapper { display: none; }
}

/*--- mobile landscape style ---*/
@media only screen and (max-width: 767px){
  
	body .container{ max-width: 420px; }
	body .body-wrapper.droidtale-boxed-style { max-width: 460px; }
	body .body-wrapper{ overflow: hidden; }
    .four{ width: 100%; }
	.image-container img {width: 175%;top: 100px;left: 0px;}
	img#bg_3 {width: 50%;top: 25%;left: 30%;}
	img#bg_2 {width: 300%;top: 35%;left: 0;}
	img#bg_4 {width: 300%;top: 48%;left: 0;}
	img#bg_5 {width: 300%;top: 47%;left: 0;}
	img#bg_6 {width: 150%;top: 50%;left: 0;}
	img#bg_a {width: 20%;top: 45%;}
	img#bg_b {width: 20%;top: 45%;}
	img#bg_a_2 {width: 20%;top: 45%;}
	img#bg_b_2 {width: 20%;top: 45%;}
	img#bg_8 {width: 390%;top: 74%}
	h2#text {font-size: 1.6rem;}
	h2#text_2 {font-size: 1.6rem;}
	.about-content{display: flex;flex-direction: column;align-items: center!important;justify-content: center!important;margin-left:0% !important;}
	.tutoriels {flex-wrap:wrap;}
	.about-content h2 {text-align: center !important;}
	.about-content  {text-align: center !important;}
	.about-img img{display: none !important;}
	.newsletter-img img{display: none !important;}
	.animation_2 {display: none;}
	.tutoriels-img img{display: none;}
	.animation_3 {display: none;}
.tutoriels-box {width: 100%;}
	.tutoriels-content {left:0%;}
	.tutoriels-layer {opacity: 1;}
	.tutoriels-layer h4 {font-size: 1rem;}
	.tutoriels-layer {width: 100%;}
	.about-section img {margin-top: 30% !important;width:80% !important;}
	.head {color: #fff;font-size: 20px;margin-top: 5%;}
	.five {width: 100% !important;}
	.tutoriels-container {grid-template-columns: repeat(1, 1fr);display:grid !important;}
	.tutoriels-section img, .download-section img{margin-top: 30% !important;width:90% !important;}
	.box{width:90%!important;}
	#img_2 {margin-top: 0% !important;}
	.testimonial-wrapper {padding:5rem 1.5rem 5rem 0 !important; width: 90% !important;}
	.terms-section h2 {font-size: 35px !important;}
	.terms-section h2 span {font-size: 30px !important;}
	.testimonial-slide {padding:3rem 2rem;}
	.swiper-button-next,.swiper-button-prev {display:none;}
    .newsletter_container{display: flex;flex-direction: column;align-items: center!important;justify-content: center!important;margin-right:0% !important;}
    .contact_content {margin-top: 30% !important;}


	/*--- header ---*/
	body .top-navigation-left{ float: none; text-align: center; padding: 3px 0px;}
	body .top-navigation-right { float: none; text-align: center; padding: 3px 0px;}
	body .droidtale-logo { padding-right: 60px; }
	body .droidtale-logo-inner { margin-left: 0px; }

	
	#droidtale-responsive-navigation { display: block; height: 0px; position: static; float: none; }
	#droidtale-responsive-navigation .dl-trigger{ position: absolute; right: 15px; top: 45px; margin-top: 0px; }
	.dl-menuwrapper > .dl-menu, 
	.dl-menuwrapper > .dl-submenu{ margin: 20px 0px 0px; width: 390px; text-align: left; }

	.droidtale-navigation-wrapper{ display: none; }


}	
/*--- mobile portrait style ---*/
@media only screen and (max-width: 419px) {
	body .container{ max-width: 300px; }
	body .body-wrapper.droidtale-boxed-style { max-width: 340px; }
    .tutoriels-container {display:unset;}
	.dl-menuwrapper .dl-menu, .dl-menuwrapper > .dl-submenu{ width: 270px; }
}

@media only screen and (min-width: 1800px) {
	img#bg_8 {width: 200%; top: 72%;}
}
@media only screen and (min-width: 1400px) {
	img#bg_a,img#bg_b,img#bg_a_2,img#bg_b_2 {top: 25%;}
	#canvas_check_sans{top: 12%;}
	.ten {text-align: left !important;}
	#ten {text-align: center !important;}
	.box {width: 50% !important;}
	.tutoriels {flex-wrap:unset !important;}
}
@media only screen and (min-height: 800px) {
	#canvas_check_sans{top: 10%;}
}
@media only screen and (min-height: 550px) {
	#canvas_check_sans{top: 12%;}
}