/*
======================
For - Big - Screen
======================
*/

@media screen and (min-width: 1920px) {

  .container {
    max-width: 1630px;
  }


  

}





@media screen and (min-width: 1500px) and (max-width: 1919px) {

	.banner-area {
		padding: 0px 0 0px 125px;
		min-height: 100vh;
	}

	.bnr-txt {
		padding: 45px 50px 45px;
		width: 40%;
		margin: 90px 0;
	}

	.bnr-txt h3 {
		font-size: 58px;
	}

	.bnr-txt a.bnr-btn {
		font-size: 22px;
		margin: 35px 0px;
	}


	
	/*benefit-area*/


	.benefit img {
	  width: 80px;
	}

	.benefit p {
		font-size: 20px;
	}

	

	/*benefit-area*/


	.benefit img {
	  width: 80px;
	}

	.benefit p {
		font-size: 17px;
	}

	.que-box p {
	  font-size: 20px;
	}

	.que-box .bio1 h4 {
	  font-size: 24px;
	}

	.que-box .bio1 p {
	  font-size: 14px;
	}

	.que-box .bio1 h5 {
	  font-size: 24px;
	}


	.que-box {
	  padding: 20px 20px 150px;
	  border-radius: 0 0 80px 0;
	  min-height: 500px;
	}





}


/*
=======================
For - Dextop - Screen
=======================
*/


@media screen and (min-width: 1200px) and (max-width: 1499px) {

	.banner-area {
		padding: 0px 0 0px 45px;
		min-height: 100vh;
	}

	.bnr-txt {
		padding: 35px 45px 35px;
		width: 40%;
		margin: 80px 0;
	}

	.bnr-txt h3 {
		font-size: 52px;
	}

	.bnr-txt a.bnr-btn {
		font-size: 20px;
		margin: 35px 0px;
	}



	/*benefit-area*/


	.benefit img {
	  width: 80px;
	}

	.benefit p {
		font-size: 17px;
	}

	.que-box p {
	  font-size: 20px;
	}

	.que-box .bio1 h4 {
	  font-size: 24px;
	}

	.que-box .bio1 p {
	  font-size: 14px;
	}

	.que-box .bio1 h5 {
	  font-size: 24px;
	}


	.que-box {
	  padding: 20px 20px 150px;
	  border-radius: 0 0 80px 0;
	  min-height: 580px;
	}


}


/*
=======================
For - Leptop - Screen
=======================
*/

@media screen and (min-width: 992px) and (max-width: 1199px) {


	.banner-area {
		padding: 0px 0 0px 20px;
		min-height: auto;
	}

	.bnr-txt {
		padding: 25px 25px 25px;
		width: 40%;
		margin: 40px 0;
	}

	.bnr-txt h3 {
		font-size: 43px;
	}

	.bnr-txt a.bnr-btn {
		font-size: 16px;
		margin: 45px 0 45px;
	}
	
	.bnr-txt a img {
		max-width: 194px;
	}


	/*quieres-area*/
	

	.quieres-area {
		padding: 80px 0;
	}

	section h3 {
		font-size: 30px;
		margin-bottom: 50px;
	}

	.quieres-area p {
		max-width: 580px;
		font-size: 18px;
	}



	/*benefit-area*/


	.benefit img {
	  width: 80px;
	}

	.benefit p {
		font-size: 17px;
	}


	/*ques-area*/


	.que-box p {
	  font-size: 16px;
	}

	.que-box .bio1 h4 {
	  font-size: 18px;
	}

	.que-box .bio1 p {
	  font-size: 10px;
	}

	.que-box .bio1 h5 {
	  font-size: 20px;
	}
	
	.que-box {
	  padding: 20px 20px 50px;
	  border-radius: 0 0 80px 0;
	  min-height: 460px;
	}

	.que-box .bio {
	  width: 86%;
	}


}


/*
=======================
For - Ipad - Screen
=======================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {

	.banner-area {
		padding: 0px 0 0px 15px;
		min-height: auto;
	}

	.bnr-txt {
		padding: 15px 15px 15px;
		width: 40%;
		margin: 30px 0;
	}

	.bnr-txt h3 {
		font-size: 35px;
	}

	.bnr-txt a.bnr-btn {
		font-size: 16px;
		margin: 45px 0 45px;
	}
	
	.bnr-txt a img {
		max-width: 194px;
	}

	


	/*quieres-area*/
	

	.quieres-area {
		padding: 70px 0;
	}

	section h3 {
		font-size: 24px;
		margin-bottom: 50px;
	}

	.quieres-area p {
		max-width: 480px;
		font-size: 18px;
	}




	/*benefit-area*/


	.benefit {
	  margin-bottom: 80px;
	}

	.benefit img {
	  width: 80px;
	}

	.benefit p {
		font-size: 20px;
	}


	/*ques-area*/


	.que-box p {
	  font-size: 16px;
	}

	.que-box .bio1 h4 {
	  font-size: 18px;
	}

	.que-box .bio1 p {
	  font-size: 10px;
	}

	.que-box .bio1 h5 {
	  font-size: 20px;
	}
	
	.que-box {
	  padding: 20px 20px 50px;
	  border-radius: 0 0 80px 0;
	  min-height: 460px;
	  margin-bottom: 50px;
	}

	.que-box .bio {
	  width: 86%;
	}





}





/*
=======================
For - Mobile - Screen
=======================
*/

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

	.banner-area {
		padding: 0px 0px 0px 0px;
		min-height: auto;
		flex-direction: column-reverse; 
	}

	.bnr-txt {
		padding: 35px 35px 45px;
		width: 100%;
       max-width: 100%;
		margin: 0px 0px 0px;
		box-shadow: none;
	}

	.bnr-txt h3 {
		font-size: 38px;
	}

	.bnr-txt a.bnr-btn {
		font-size: 18px;
		margin: 45px 0 45px;
	}
	
	.bnr-txt a img {
		max-width: 194px;
	}
	
	.bnr-img {
			width: 100%;
			text-align: center;
       /* position: initial; */
       position: relative;
       
	}

	/*quieres-area*/
	

	.quieres-area {
		padding: 80px 0;
	}

	section h3 {
		font-size: 24px;
		margin-bottom: 50px;
	}

	.quieres-area p {
		max-width: 280px;
		font-size: 15px;
	}





	/*benefit-area*/


	.benefit {
	  margin-bottom: 80px;
	  text-align: center;
	}

	.benefit img {
	  width: 80px;
	  text-align: center;
	}

	.benefit p {
		font-size: 20px;
	}

  	/*   flag-area */
	
	.flag-area a.bnr-btn {
		padding: 16px 27px;
		font-size: 16px;
		margin-top: 60px;
	}



	/*ques-area*/


	.que-box p {
	  font-size: 16px;
	}

	.que-box .bio1 h4 {
	  font-size: 18px;
	}

	.que-box .bio1 p {
	  font-size: 10px;
	}

	.que-box .bio1 h5 {
	  font-size: 20px;
	}
	
	.que-box {
	  padding: 20px 20px 50px;
	  border-radius: 0 0 80px 0;
	  min-height: 460px;
	  margin-bottom: 50px;
	}

	.que-box .bio {
	  width: 86%;
	}

	.ahora-area {
	  padding: 50px 0;
	}

	.ahora-area a {
	  padding: 16px 20px;
	  font-size: 17px;
	  margin: 85px 0 55px;
	}



	.foot-right {
		text-align: center;
	}

	.foot-right p {
		font-size: 16px;
		text-align: center;
		margin-top: 20px;
	}

	.footer-area {
		text-align: center;
	}


	.footer-area img {
		width: 180px;
	}



}


@media screen and (min-width: 576px) and (max-width: 767px) {



}


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

	
}