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

      .ass3{
        width:170px;
        height:170px;
      }
      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:auto;
      }
      .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) {
	    .cuad1{
        width:930px;
        height:930px;
      }
      .cuad2{
        width:435px;
        height:435px;
      }
      .cuad3{
        width:279px;
        height:279px;
      }
      .cuad4{
        width:202px;
        height:202px;
      }
      .cuadP{
        width:279px;
        height:279px;
      }

      .ass3{
        width:140px;
        height:140px;
      }

      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:auto;
      }
      .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;
      	
      }

      /*.nav-link:lang(en){ 
          font-size: 14px;
      }.navbar-nav:lang(en) .dropdown:lang(en) {
          color: #000;
          font-weight: bold;
          padding: 1px 10px;
      }.navbar-light:lang(en) .navbar-nav:lang(en) .nav-link:lang(en) {
          color: #000;
          font-weight: bold;
          padding: 1px 5px;
      }*/

      }

/*=====================  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: #000;
        font-weight: bold;
        padding: 1px 7px; 
    }

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

    .ass3{
      width:100px;
      height:100px;
    }
    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:auto;
    }
    .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;
    }


    /*.nav-link:lang(en){ 
          font-size: 14px;
      }.navbar-nav:lang(en) .dropdown:lang(en) {
          color: #000;
          font-weight: bold;
          padding: 1px 5px;
      }.navbar-light:lang(en) .navbar-nav:lang(en) .nav-link:lang(en) {
          color: #000;
          font-weight: bold;
          padding: 1px 5px;
      }*/


}

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


/*=====================  Start sm  ======================*/
@media (min-width: 576px) and (max-width: 767px) {
    .cuad1{
        width:510px;
        height:510px;
      }
    .cuad2{
      width:480px;
      height:480px;
    }
    .cuad3{
      width:480px;
      height:480px;
    }
    .cuad4{
      width:480px;
      height:480px;
    }
    .cuadP{
      width:480px;
      height:480px;
    }

    .ass3{
      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:auto;
    }
    .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;*/
  	
  	}
  	
  .font-bold{font-weight: 600;}
  	
  img.flaglang{
    width: 28px;
  }	

  .cuad1{
          width:290px;
          height:290px;
        }	

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

  .ass3{
    width:100%;
    height:280px;
  }

  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;
  }


  .cuad3Ass{
    /*width:260px;
    height:260px;*/
    width: 100%;
    height: 280px;
  }


  .Tcuad2{
    width:290px;
    height:165px;
  }
  .Tcuad3{
    /*width:260px;
    height:auto;*/
    width: 100%;
    /*height: 280px;*/
    height:auto;
  }
  .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:10 auto;
  	float:none;	
  	text-align: center;
    font-size: 24px;
  }	


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



  .dropdown-menu > li > a {
      display: block;
      padding: 15px 20px;
      clear: both;
      font-weight: bold;
      line-height: 1.42857143;
      color: #000000;
      white-space: nowrap;
      width: 100%;
      font-size: 22px;
  }

  .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%;
  	
  }

  #icon-screen {
    position: fixed;
    width: 40px;
    top: 35%;
    right: 0px;
  height: auto;
  }
  #icon-box {
    width: 40px;
    height: 40px;
    margin: 17px 0;
  }


  .pagetitleRow{
  background: #a50000;
  /*background-color: #fff;*/


  
  }
}

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