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

.color_down_content{
  position: relative;
  top:0px;
}


.smaller_font{
  color: #888;
  font-size: 15px;
}


.smaller_font1{
  color: #ddd;
  font-size: 15px;
  text-align: center;
}


.zoonone_img{
  padding-top: 2%;
  margin-bottom: 1%;
}



.zoonone_content{
  padding-top: 1%;
  margin-bottom: 1%;
}


.zoonone_content2{
padding-top: 3%;
}

.zoonone_img2{
  padding-top: 2%;
}



.zoonone_content3{
padding-top: 5%;
}

.zoonone_img3{
  padding-top: 5%;
  margin-bottom: 3%;
}


.img_content1{

}



    .AA{
      background-image:url(../img/15.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:500px;
  

  
    }

   .AA:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .AA a{

      font-size: 50px;
      color:#fff;
      transition: 1s;
      font-weight: bold;
    }

    .AA:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

 

.BB{
      background-image:url(../img/14.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:500px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .BB:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .BB a{
      font-size: 50px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .BB:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.CC{
      background-image:url(../img/13.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:500px;
  

  
    }

   .CC:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .CC a{
      font-size: 50px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .CC:hover a{
      color:#ff3300;
      transition: 0.5s;
    }



    .DD{
      background-image:url(../img/22.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:500px;
  

  
    }

   .DD:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .DD a{
      font-size: 50px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .DD:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

.EE{
      background-image:url(../img/23.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:500px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .EE:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .EE a{
      font-size: 50px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .EE:hover a{
      color:#ff3300;
      transition: 0.5s;
    }




    .FF{
      background-image:url(../img/24.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:500px;
  

  
    }

   .FF:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .FF a{
      font-size: 50px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .FF:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.rwd_content_padding{
  padding-left: 5%;
  padding-right: 5%;
}


#cooling_item{
  position:relative;
transform-style: preserve-3d;
  z-index:100;

}


#move_content1{

}



#move_content2{

}


#move_content3{

}


#move_content4{

  padding-top: 3%;
}

#move_content5{

  padding-top: 3%;
}

#move_content6{

  padding-top: 3%;
}




.roll_content1{
  padding-top:8%;
}



.roll_content2{
  padding-top: 5%;
}

.roll_content_img2{
  padding-top: 3%;
}


.roll_content3{
  padding-top: 5%;
}

.roll_content_img3{
  padding-top: 3%;
  margin-bottom: 8%;
}


.roll_content5{
  padding-top:5%;
}

.roll_content6{
  padding-top:3%;
}



.roll_content7{
  padding-top: 10%;
}

.roll_content8{
  padding-top: 5%;
}

.roll_content9{
  padding-top: 8%;
}

.roll_content10{
  padding-top: 3%;
}


.rgb_color_icon{
   position: relative;
   left:-50px;
}



    
}


@media screen and (min-width: 1201px) and (max-width: 1400px) {

.color_down_content{
  position: relative;
  top:0px;
}


.smaller_font{
  color: #888;
  font-size: 14px;
}


.zoonone_img{
  padding-top: 6%;
}
.zoonone_content{
  margin-bottom: 2%;
}


.zoonone_content2{
padding-top: 3%;
}

.zoonone_img2{
  padding-top: 5%;
}



.zoonone_content3{
padding-top: 5%;
}

.zoonone_img3{
  padding-top: 8%;
  margin-bottom: 3%;
}





.img_content1{
  
}




   .AA{
      background-image:url(../img/15.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:350px;
  

  
    }

   .AA:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .AA a{

      font-size: 40px;
      color:#fff;
      transition: 1s;
      font-weight: bold;
    }

    .AA:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

 

.BB{
      background-image:url(../img/14.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:350px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .BB:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .BB a{
      font-size: 40px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .BB:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.CC{
      background-image:url(../img/13.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:350px;
  

  
    }

   .CC:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .CC a{
      font-size: 40px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .CC:hover a{
      color:#ff3300;
      transition: 0.5s;
    }



    .DD{
      background-image:url(../img/22.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:350px;

  
    }

   .DD:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .DD a{
      font-size: 40px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .DD:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

.EE{
      background-image:url(../img/23.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:350px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .EE:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .EE a{
      font-size: 40px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .EE:hover a{
      color:#ff3300;
      transition: 0.5s;
    }




    .FF{
      background-image:url(../img/24.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:350px;
  

  
    }

   .FF:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .FF a{
      font-size: 40px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .FF:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.rwd_content_padding{
  padding-left: 4%;
  padding-right: 4%;
}


#cooling_item{
  position:relative;
transform-style: preserve-3d;
  z-index:100;

}


#move_content1{

}



#move_content2{

}


#move_content3{

}


#move_content4{

  padding-top: 3%;
}

#move_content5{

  padding-top: 3%;
}

#move_content6{

  padding-top: 3%;
}




.roll_content1{
  padding-top:4%;
}



.roll_content2{
  padding-top: 6%;
}

.roll_content_img2{
  padding-top: 4%;
}


.roll_content3{
  padding-top: 5%;
}

.roll_content_img3{
  padding-top: 6%;
  margin-bottom: 8%;
}


.roll_content5{
  padding-top: 4%;
}




.roll_content6{
  padding-top:2%;
}





.roll_content7{
  padding-top: 8%;
}

.roll_content8{
  padding-top: 3%;
}

.roll_content9{
  padding-top: 5%;
}

.roll_content_img9{
    padding-top: 4%;
}

.roll_content10{
  padding-top: 2%;
}


.rgb_color_icon{
   position: relative;
   left:-40px;
}

    

    

    
}



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

.color_down_content{
  position: relative;
  top:0px;
}


.smaller_font{
  color: #888;
  font-size: 12px;
}


.zoonone_img{
  padding-top: 10%;
}
.zoonone_content{
  margin-bottom: 2%;
}


.zoonone_content2{
padding-top: 3%;
}

.zoonone_img2{
  padding-top: 8%;
}



.zoonone_content3{
padding-top: 5%;
}

.zoonone_img3{
  padding-top: 12%;
  margin-bottom: 3%;
}




.img_content1{
 font-size: 14px; 
}



  .AA{
      background-image:url(../img/15.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:300px;


  
    }

   .AA:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .AA a{

      font-size: 30px;
      color:#fff;
      transition: 1s;
      font-weight: bold;
    }

    .AA:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

 

.BB{
      background-image:url(../img/14.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:300px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .BB:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .BB a{
      font-size: 30px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .BB:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.CC{
      background-image:url(../img/13.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:300px;
  

  
    }

   .CC:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .CC a{
      font-size: 30px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .CC:hover a{
      color:#ff3300;
      transition: 0.5s;
    }



    .DD{
      background-image:url(../img/22.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:300px;

  
    }

   .DD:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .DD a{
      font-size: 30px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .DD:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

.EE{
      background-image:url(../img/23.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:300px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .EE:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .EE a{
      font-size: 30px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .EE:hover a{
      color:#ff3300;
      transition: 0.5s;
    }




    .FF{
      background-image:url(../img/24.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:300px;
  

  
    }

   .FF:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .FF a{
      font-size: 30px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .FF:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.rwd_content_padding{
  padding-left: 4%;
  padding-right: 4%;
}


#cooling_item{
  position:relative;
transform-style: preserve-3d;
  z-index:100;

}


#move_content1{

}



#move_content2{

}


#move_content3{

}


#move_content4{

  padding-top: 3%;
}

#move_content5{

  padding-top: 3%;
}

#move_content6{

  padding-top: 3%;
}




.roll_content1{
  padding-top:1%;
}



.roll_content2{
  padding-top: 5%;
}

.roll_content_img2{
  padding-top: 6%;
}


.roll_content3{
  padding-top: 5%;
}

.roll_content_img3{
  padding-top: 10%;
  margin-bottom: 12%;
}


.roll_content5{
  padding-top: 4%;
}




.roll_content6{
  padding-top:3%;
}

.roll_content_img6{
  padding-top: 5%;
}





.roll_content7{
  padding-top: 5%;
}

.roll_content8{
  padding-top: 0%;
}

.roll_content9{
  padding-top: 3%;
}

.roll_content_img9{
    padding-top: 4%;
}

.roll_content10{
  padding-top: 0%;
}


.rgb_color_icon{
  padding: 3%;
   position: relative;
   left:-60px;
   top: -30px;
}



    
    

    
}


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

 
.color_down_content{
  position: relative;
  top:-50px;
}


.smaller_font{
  color: #888;
  font-size: 12px;
}


.zoonone_img{
  padding: 5%;
}
.zoonone_content{
  padding-top: 3%;
  margin-bottom: 0%;
}



.img_content1{
 font-size: 14px; 
}



    .AA{
      background-image:url(../img/15.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:240px;
  

  
    }

   .AA:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .AA a{

      font-size: 25px;
      color:#fff;
      transition: 1s;
      font-weight: bold;
    }

    .AA:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

 

.BB{
      background-image:url(../img/14.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:240px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .BB:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .BB a{
      font-size: 25px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .BB:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.CC{
      background-image:url(../img/13.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:240px;
  

  
    }

   .CC:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .CC a{
      font-size: 25px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .CC:hover a{
      color:#ff3300;
      transition: 0.5s;
    }



    .DD{
      background-image:url(../img/22.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:240px;

  
    }

   .DD:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .DD a{
      font-size: 25px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .DD:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

.EE{
      background-image:url(../img/23.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:240px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .EE:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .EE a{
      font-size: 25px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .EE:hover a{
      color:#ff3300;
      transition: 0.5s;
    }




    .FF{
      background-image:url(../img/24.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:240px;
  

  
    }

   .FF:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .FF a{
      font-size: 25px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .FF:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.rwd_content_padding{
  padding-left: 4%;
  padding-right: 4%;
}


#cooling_item{
  position:relative;
transform-style: preserve-3d;
  z-index:100;

}


#move_content1{

}



#move_content2{

}


#move_content3{

}


#move_content4{

  padding-top: 3%;
}

#move_content5{

  padding-top: 3%;
}

#move_content6{

  padding-top: 3%;
}




.roll_content1{
  padding-top:1%;
}



.roll_content2{
  padding-top: 5%;
}

.roll_content_img2{
  padding-top: 6%;
}


.roll_content3{
  padding-top: 5%;
}

.roll_content_img3{
  padding-top: 11%;
  margin-bottom: 15%;
}


.roll_content5{
  padding-top: 1%;
}




.roll_content6{
  padding-top:3%;
}

.roll_content_img6{
  padding-top: 9%;
}





.roll_content7{
  padding-top: 8%;
}


.roll_content_img7{
  padding-top: 10%;
}


.roll_content8{
  padding-top: 0%;
}

.roll_content_img8{
  padding-top: 3%;
}



.roll_content9{
  padding-top: 1%;
}

.roll_content_img9{
    padding-top: 4%;
}

.roll_content10{
  padding-top: 0%;
}

.roll_content_img10{
    padding-top: 7%;
}


.rgb_color_icon{
  padding: 3%;
   position: relative;
   left:-60px;
   top: -30px;
}



    
    
   
   


    
}

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


.color_down_content{
  position: relative;
  top:-160px;
}


.smaller_font{
  color: #888;
  font-size: 10px;
}

 
       .AA{
      background-image:url(../img/15.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:200px;

  
    }

   .AA:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .AA a{

      font-size: 22px;
      color:#fff;
      transition: 1s;
      font-weight: bold;
    }

    .AA:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

 

.BB{
      background-image:url(../img/14.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:200px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .BB:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .BB a{
      font-size: 22px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .BB:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.CC{
      background-image:url(../img/13.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:200px;
  

  
    }

   .CC:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .CC a{
      font-size: 22px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .CC:hover a{
      color:#ff3300;
      transition: 0.5s;
    }



    .DD{
      background-image:url(../img/22.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:200px;

  
    }

   .DD:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .DD a{
      font-size: 22px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .DD:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

.EE{
      background-image:url(../img/23.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:200px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .EE:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .EE a{
      font-size: 22px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .EE:hover a{
      color:#ff3300;
      transition: 0.5s;
    }




    .FF{
      background-image:url(../img/24.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:200px;
  

  
    }

   .FF:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .FF a{
      font-size: 22px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .FF:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.rwd_content_padding{
  padding-left: 4%;
  padding-right: 4%;
}


#cooling_item{
  position:relative;
transform-style: preserve-3d;
  z-index:100;

}


#move_content1{

}



#move_content2{

}


#move_content3{

}


#move_content4{

  padding-top: 3%;
}

#move_content5{

  padding-top: 0%;
}

#move_content6{

  padding-top: 3%;
}




.roll_content1{
  padding-top:1%;
}



.roll_content2{
  padding-top: 5%;
}

.roll_content_img2{
  padding-top: 6%;
}


.roll_content3{
  padding-top: 5%;
}

.roll_content_img3{
  padding-top: 11%;
  margin-bottom: 15%;
}


.roll_content5{
  padding-top: 1%;
}




.roll_content6{
  padding-top:3%;
}

.roll_content_img6{
  padding-top: 9%;
}





.roll_content7{
  padding-top: 2%;
}

.roll_content8{
  padding-top: 0%;
}

.roll_content9{
  padding-top: 1%;
}

.roll_content_img9{
    padding-top: 4%;
}

.roll_content10{
  padding-top: 0%;
}

.roll_content_img10{
    padding-top: 7%;
}


.rgb_color_icon{
  padding: 0%;
   position: relative;
   top: -50px;
}

    .content3_color{
    position: relative;
    top: -100px;
   }


    


  
    
    
}





@media screen and (min-width: 469px) and (max-width: 668px) {

 .color_down_content{
  position: relative;
  top:-170px;
}


.smaller_font{
  color: #888;
  font-size: 10px;
}



       .AA{
      background-image:url(../img/15.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:160px;

  
    }

   .AA:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .AA a{

      font-size: 14px;
      color:#fff;
      transition: 1s;
      font-weight: bold;
    }

    .AA:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

 

.BB{
      background-image:url(../img/14.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:160px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .BB:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .BB a{
      font-size: 14px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .BB:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.CC{
      background-image:url(../img/13.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:160px;
  

  
    }

   .CC:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .CC a{
      font-size: 14px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .CC:hover a{
      color:#ff3300;
      transition: 0.5s;
    }



    .DD{
      background-image:url(../img/22.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:160px;


  
    }

   .DD:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .DD a{
      font-size: 14px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .DD:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

.EE{
      background-image:url(../img/23.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:160px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .EE:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .EE a{
      font-size: 14px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .EE:hover a{
      color:#ff3300;
      transition: 0.5s;
    }




    .FF{
      background-image:url(../img/24.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  /* overflow:hidden; */
  color:#fff;
  /* height:600px; */
  padding-top:160px;
  

  
    }

   .FF:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   /* overflow:hidden; */
  color:#ff3300;
  
}



    .FF a{
      font-size: 14px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .FF:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.rwd_content_padding{
  padding-left: 0%;
  padding-right: 0%;
}


#cooling_item{
  position:relative;
transform-style: preserve-3d;
  z-index:100;

}


#move_content1{

}



#move_content2{

}


#move_content3{

}


#move_content4{

  padding-top: 3%;
}

#move_content5{

  padding-top: 3%;
}

#move_content6{

  padding-top: 3%;
}




.roll_content1{
  padding-top:1%;
}



.roll_content2{
  padding-top: 5%;
}

.roll_content_img2{
  padding-top: 6%;
}


.roll_content3{
  padding-top: 5%;
}

.roll_content_img3{
  padding-top: 11%;
  margin-bottom: 15%;
}


.roll_content5{
  padding-top: 0%;
}




.roll_content6{
  padding-top:3%;
}

.roll_content_img6{
  padding-top: 9%;
}





.roll_content7{
  padding-top: 2%;
}

.roll_content8{
  padding-top: 0%;
}

.roll_content9{
  padding-top: 1%;
}

.roll_content_img9{
    padding-top: 4%;
}

.roll_content10{
  padding-top: 0%;
}

.roll_content_img10{
    padding-top: 7%;
}


.rgb_color_icon{
 padding: 0%;
   position: relative;
   top: -50px;
}

    .content3_color{
    position: relative;
    top: -100px;
   }

    


  
    
    
}






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

  .color_down_content{
  position: relative;
  top:-150px;
}

.smaller_font{
  color: #888;
  font-size: 10px;
}


   
         .AA{
      background-image:url(../img/15.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  overflow:hidden;
  color:#fff;
  /* height:600px; */
  padding-top:80px;

  
    }

   .AA:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   overflow:hidden;
  color:#ff3300;
  
}



    .AA a{

      font-size: 12px;
      color:#fff;
      transition: 1s;
      font-weight: bold;
    }

    .AA:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

 

.BB{
      background-image:url(../img/14.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  overflow:hidden;
  color:#fff;
  /* height:600px; */
  padding-top:80px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .BB:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   overflow:hidden;
  color:#ff3300;
  
}



    .BB a{
      font-size: 12px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .BB:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.CC{
      background-image:url(../img/13.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  overflow:hidden;
  color:#fff;
  /* height:600px; */
  padding-top:80px;
  

  
    }

   .CC:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   overflow:hidden;
  color:#ff3300;
  
}



    .CC a{
      font-size: 12px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .CC:hover a{
      color:#ff3300;
      transition: 0.5s;
    }



    .DD{
      background-image:url(../img/22.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  overflow:hidden;
  color:#fff;
  /* height:600px; */
  padding-top:80px;


  
    }

   .DD:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   overflow:hidden;
  color:#ff3300;
  
}



    .DD a{
      font-size: 12px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .DD:hover a{
      color:#ff3300;
      transition: 0.5s;
    }

.EE{
      background-image:url(../img/23.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  overflow:hidden;
  color:#fff;
  /* height:600px; */
  padding-top:80px;
  border-right:solid 2px #bb3300;
  border-left:solid 2px #bb3300;

  
    }

   .EE:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   overflow:hidden;
  color:#ff3300;
  
}



    .EE a{
      font-size: 12px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .EE:hover a{
      color:#ff3300;
      transition: 0.5s;
    }




    .FF{
      background-image:url(../img/24.jpg);
      background-size:100%;
      background-repeat:no-repeat;
  position:relative;
  transform-style: preserve-3d;
  transition: 0.5s;
  overflow:hidden;
  color:#fff;
  /* height:600px; */
  padding-top:80px;
  

  
    }

   .FF:hover{
    position:relative;
    background-size:110%;
  transform-style: preserve-3d;
  transition: 1s;
   overflow:hidden;
  color:#ff3300;
  
}



    .FF a{
      font-size: 12px;
      color:#fff;
      transition: 1s;
      font-weight: bold;

    }

    .FF:hover a{
      color:#ff3300;
      transition: 0.5s;
    }


.rwd_content_padding{
  padding-left: 0%;
  padding-right: 0%;
}


#cooling_item{
  position:relative;
transform-style: preserve-3d;
  z-index:100;

}


#move_content1{

}



#move_content2{

}


#move_content3{

}


#move_content4{

  padding-top: 3%;
}

#move_content5{

  padding-top: 3%;
}

#move_content6{

  padding-top: 3%;
}




.roll_content1{
  padding-top:1%;
}



.roll_content2{
  padding-top: 5%;
}

.roll_content_img2{
  padding-top: 0%;
}


.roll_content3{
  padding-top: 5%;
}

.roll_content_img3{
  padding-top: 1%;
  margin-bottom: 15%;
}


.roll_content5{
  padding-top: 0%;
}




.roll_content6{
  padding-top:3%;
}

.roll_content_img6{
  padding-top: 3%;
}





.roll_content7{
  padding-top: 5%;
}

.roll_content_img7{
  padding-top: 3%;
}


.roll_content8{
  padding-top: 0%;
}

.roll_content9{
  padding-top: 5%;
}

.roll_content_img9{
    padding-top: 0%;
}

.roll_content10{
  padding-top: 5%;
}

.roll_content_img10{
    padding-top: 0%;
}


.rgb_color_icon{
 padding: 0%;
   position: relative;
   top: -40px;
}

    .content3_color{
    position: relative;
    top: -90px;

   }
  
    
    
}