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

   .content2_img{
    padding-top: 5%;
   }


   .content2_text{
    padding-top: 2.5%;
   }

   .content3_img{
    padding-top: 3%;
   }

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


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


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

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


    .tab_color_panel{
    height: 300px;
    overflow: hidden;
   }


     .content4_img{
    padding-top: 5%;
   }



   .content6_text{
    padding-top: 10%;
   }


   .content7_img{
    padding-top: 0%;
   }

    .gfdownload{
      color: #888;
      font-size: 16px;
    }    

    
}


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


   .content2_img{
    padding-top: 8%;
   }



   .content2_text{
    padding-top: 0%;
   }


   .content3_img{
    padding-top: 3%;
   }



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


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


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


  .content5_text{
    position: relative;
    top:-40px;
  }


    .tab_color_panel{
    height: 300px;
    overflow: hidden;
   }


     .content4_img{
    padding-top: 10%;
   }


   .content6_text{
    padding-top: 5%;
   }



   .content7_img{
    padding-top: 3%;
   }


   .gfdownload{
      color: #888;
      font-size: 16px;
    }    
    

    

    
}



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


   .content2_img{
    padding-top: 8%;
   }



   .content2_text{
    padding-top: 0%;
   }


   .content3_img{
    padding-top: 3%;
   }



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


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


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


  .content5_text{
    position: relative;
    top:-60px;
  }


    .tab_color_panel{
    height: 300px;
    overflow: hidden;
   }


     .content4_img{
    padding-top: 0%;
   }

    .content6_text{
    padding-top: 0%;
   }



   .content7_img{
    padding-top: 5%;
   }


   .gfdownload{
      color: #888;
      font-size: 16px;
    }    
    
    

    
}


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

 
   .content2_img{
    padding-top: 0%;
   }



   .content2_text{
    padding-top: 0%;
   }


   .content3_img{
    padding-top: 15%;
   }


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


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


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



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


    .tab_color_panel{
    height: 300px;
    overflow: hidden;
   }


     .content4_img{
    padding-top: 0%;
   }


    .content6_text{
    padding-top: 0%;
   }



   .content7_img{
    padding-top: 0%;
   }


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


    
}

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

 
   .content2_img{
    padding-top: 0%;
   }
   
  

   .content2_text{
    padding-top: 0%;
   }


    .content3_img{
    padding-top: 5%;
    position: relative;
    top: -80px;
   }


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


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


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

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


    .tab_color_panel{
    height: 350px;
    overflow: hidden;
   }


     .content4_img{
    padding-top: 0%;
   }


    .content6_text{
    padding-top: 0%;
   }



   .content7_img{
    padding-top: 0%;
   }


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


  
    
    
}




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

  
   
   .content2_img{
    padding-top: 0%;
   }


    
   .content2_text{
    padding-top: 0%;
   }

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


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


   .content4_all{
    position: relative;
    top: -0px;
   }


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


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


    .tab_color_panel{
    height: 350px;
    overflow: hidden;
   }


     .content4_img{
    padding-top: 0%;
   }

   .content6_text{
    padding-top: 0%;
   }


   .content7_img{
    padding-top: 0%;
   }


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