/*=====================  Start xl  ======================*/
@media only screen and (min-width: 1200px){
	.cuad2{
  width:525px;
  height:525px;
}
.cuad3{
  width:340px;
  height:340px;
}
.cuad4{
  width:247px;
  height:247px;
}


.Tcuad2{
  width:525px;
  height:325px;
}
.Tcuad3{
  width:340px;
  height:210px;
}
.Tcuad4{
  width:247px;
  height:153px;
}


.Bcuad2{
  width:525px;
  height:272px;
}
.Bcuad3{
  width:340px;
  height:176px;
}
.Bcuad4{
  width:247px;
  height:128px;
}
}

/*=====================  End xl  ======================*/


/*=====================  Start lg  ======================*/
@media (min-width: 992px) and (max-width: 1199px) {
.cuad2{
  width:435px;
  height:435px;
}
.cuad3{
  width:279px;
  height:279px;
}
.cuad4{
  width:202px;
  height:202px;
}
.Tcuad2{
  width:435px;
  height:269px;
}
.Tcuad3{
  width:279px;
  height:173px;
}
.Tcuad4{
  width:202px;
  height:125px;
}

.Bcuad2{
  width:435px;
  height:226px;
}
.Bcuad3{
  width:279px;
  height:145px;
}
.Bcuad4{
  width:202px;
  height:105px;
}	
}

/*=====================  End lg  ======================*/


/*=====================  Start md  ======================*/
@media (min-width: 768px) and (max-width: 991px) {
.cuad2{
  width:315px;
  height:315px;
}
.cuad3{
  width:200px;
  height:200px;
}
.cuad4{
  width:142px;
  height:142px;
}


.Tcuad2{
  width:315px;
  height:195px;
}
.Tcuad3{
  width:200px;
  height:124px;
}
.Tcuad4{
  width:142px;
  height:88px;
}


.Bcuad2{
  width:315px;
  height:163px;
}
.Bcuad3{
  width:200px;
  height:104px;
}
.Bcuad4{
  width:142px;
  height:74px;
}	
}

/*=====================  End md  ======================*/


/*=====================  Start sm  ======================*/
@media (min-width: 576px) and (max-width: 767px) {
	.navbar-toggler {
    padding: .15rem .15rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.cuad2{
  width:480px;
  height:480px;
}
.cuad3{
  width:480px;
  height:480px;
}
.cuad4{
  width:480px;
  height:480px;
}

.Tcuad2{
  width:480px;
  height:297px;
}
.Tcuad3{
  width:480px;
  height:297px;
}
.Tcuad4{
  width:480px;
  height:297px;
}


.Bcuad2{
  width:480px;
  height:249px;
}
.Bcuad3{
  width:480px;
  height:249px;
}
.Bcuad4{
  width:480px;
  height:249px;
}
}

/*=====================  End sm  ======================*/



/*=====================  Start xs  ======================*/
@media (min-width: 200px) and (max-width: 575px) {
.navbar-toggler {
    padding: .15rem .15rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.cuad2{
  width:290px;
  height:290px;
}
.cuad3{
  width:290px;
  height:290px;
}
.cuad4{
  width:290px;
  height:290px;
}


.Tcuad2{
  width:290px;
  height:180px;
}
.Tcuad3{
  width:290px;
  height:180px;
}
.Tcuad4{
  width:290px;
  height:180px;
}


.Bcuad2{
  width:290px;
  height:151px;
}
.Bcuad3{
  width:290px;
  height:151px;
}
.Bcuad4{
  width:290px;
  height:151px;
}	
}

/*=====================  End xs  ======================*/