/*=====================  Start xl  ======================*/
@media only screen and (min-width: 1200px){

.cuad2{
  width:525px;
  height:525px;
}
.cuad3{
  width:340px;
  height:340px;
}
.cuad4{
  width:247px;
  height:247px;
}
.cuadP{
  width:340px;
  height:340px;
}

div.snip0015 {
  color: #fff;
  position: relative;
  overflow: hidden;
  /*margin: 10px 10px 10px 10px;*/
/*   min-width: 350px;
  max-width: 350px;
  max-height: 350px;*/
  vertical-align:middle;
  width:340px;
  height:340px;
  
}


 figcaption p {
  position:absolute;
  width:340px;
  height:340px;
  margin:0 5px 0;
  top:0px;
/*  background: rgba(0, 0, 0, 0.75);
  vertical-align:middle;*/
  
}

.Tcuad2{
  width:525px;
  height:299px;
}
.Tcuad3{
  width:340px;
  height:225px;
}
.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;
}
.cuadP{
  width:279px;
  height:279px;
}


div.snip0015 {
  color: #fff;
  position: relative;
  overflow: hidden;
  /*margin: 10px 10px 10px 10px;*/
/*   min-width: 350px;
  max-width: 350px;
  max-height: 350px;*/
  vertical-align:middle;
  width:279px;
  height:279px;
}






.Tcuad2{
  width:435px;
  height:248px;
}
.Tcuad3{
  width:279px;
  height:185px;
}
.Tcuad4{
  width:202px;
  height:125px;
}

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


a.nav-link{
	font-size:14px;
}


#box-callcenter {
    position: fixed;
	background:url(../images/BG-call.jpg) no-repeat;
	background-size:cover;
    bottom: 15%;
    right: 0;
	height: 97px;
	width:460px;
}
#box-descrip {

	width:200px;
	border:0px solid red;
	
}
}

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


/*=====================  Start md  ======================*/
@media (min-width: 768px) and (max-width: 991px) {


#box-callcenter {
    position: fixed;
	background:url(../images/BG-call.jpg) no-repeat;
	background-size:cover;
    bottom: 50px;
	height: 97px;
	width:460px;
}
#box-descrip {

	width:200px;
	border:0px solid red;
	
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
  	text-align: inherit;
    white-space: nowrap;
    background:none;
	border-bottom:1px solid #4c4c4c;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
	font-size:14px;
}

.cuad2{
  width:315px;
  height:315px;
}
.cuad3{
  width:200px;
  height:200px;
}
.cuad4{
  width:142px;
  height:142px;
}
.cuadP{
  width:200px;
  height:200px;
}


div.snip0015 {
  color: #fff;
  position: relative;
  overflow: hidden;
  /*margin: 10px 10px 10px 10px;*/
/*   min-width: 350px;
  max-width: 350px;
  max-height: 350px;*/
  vertical-align:middle;
  width:200px;
  height:200px;
}


.Tcuad2{
  width:315px;
  height:179px;
}
.Tcuad3{
  width:200px;
  height:132px;
}
.Tcuad4{
  width:142px;
  height:88px;
}


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

a.nav-link{
	font-size:12px;
}



}

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


/*=====================  Start sm  ======================*/
@media (min-width: 576px) and (max-width: 767px) {

.cuad2{
  width:480px;
  height:480px;
}
.cuad3{
  width:480px;
  height:480px;
}
.cuad4{
  width:480px;
  height:480px;
}
.cuadP{
  width:480px;
  height:480px;
}


div.snip0015 {
  color: #fff;
  position: relative;
  overflow: hidden;
  /*margin: 10px 10px 10px 10px;*/
/*   min-width: 350px;
  max-width: 350px;
  max-height: 350px;*/
  vertical-align:middle;
  width:480px;
  height:480px;
}



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


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


#box-callcenter {
    position: fixed;
	background:url(../images/BG-call.jpg) no-repeat;
	background-size:cover;
    bottom: 0;
	border:0px solid red;
	height:auto;
	width:100%;
	float:none;
	margin:0 auto;
}
#box-descrip {

	width:250px;
	border:0px solid red;
	padding-top:2%;
	padding-bottom:2%;
	margin-right:2%;
	
}
	
}

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



/*=====================  Start xs  ======================*/
@media (min-width: 320px) and (max-width: 575px) {
	
	
	
.h1,h1{font-size:1.75rem}.h2,h2{font-size:1.5rem}.h3,h3{font-size:1.25rem}.h4,h4{font-size:1.1rem}.h5,h5{font-size:1rem}.h6,h6{font-size:0.85rem}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	
	margin-bottom:auto;
    font-weight: 500;
    line-height: 1.25;
	
	}
	
	
	
	
	

.cuad2{
  width:260px;
  height:260px;
}
.cuad3{
  width:260px;
  height:260px;
}
.cuad4{
  width:260px;
  height:260px;
}
.cuadP{
  width:260px;
  height:260px;
}



div.snip0015 {
  color: #fff;
  position: relative;
  overflow: hidden;
  /*margin: 10px 10px 10px 10px;*/
/*   min-width: 350px;
  max-width: 350px;
  max-height: 350px;*/
  vertical-align:middle;
  width:260px;
  height:260px;
}


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


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



ul.navbar-nav{
	width:100%;
	margin:0 auto;
	float:none;	
}

li.nav-item, li.dropdown , li.dropdown.show {
	width:100%;
	margin:0 auto;
	float:none;	
	text-align: center;
}	


li.nav-item, li.dropdown {
    padding: 0;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 0;
}


.dropdown-item {
    display: block;
    width: 100%;
    
    clear: both;
  	text-align: center;
    white-space: nowrap;
    background:none;
	border-bottom:1px solid #4c4c4c;
}

.round {
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #222;    
    color: #FFF;
    text-align: center;  
}

#return-to-top {
    position: fixed;
    bottom: 120px;
    right: 20px;
	width: 30px;
    height: 30px;
	color:#b2d6ff;
}
	
	
#box-callcenter {
    position: fixed;
	background:url(../images/BG-call.jpg) no-repeat;
	background-size:cover;
    bottom: 0;
	border:0px solid red;
	height:auto;
	width:100%;
	float:none;
	margin:0 auto;
}
#box-descrip {

	width:150px;
	border:0px solid red;
	padding-top:2%;
	padding-bottom:2%;
	margin-right:2%;
	
}
}

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