body {
  background-color: #f1bd1e;
}


.wrapper {
  padding-left: 24%;
}


.dev {
  width: 100%;
  padding-left: 11%;
}

.dev-mobi {
  width: 100%;
  padding-right: 11%;
}


.gif {
  width:20%;
  padding-left: 25%;
}

.images-mobi {
  padding-left: -25%;
}




@media only screen 
and (min-device-width : 668px)  
 { 
    .four{
        z-index: 9;
        display: none !important;
    
    overflow-x: hidden;
    }
}



@media only screen 

and (min-device-width : 668px)  
 { 
    .five{
        z-index: 9;
        display: none !important;
        width: none;
    }
}


@media only screen 
  
and (min-device-width : 668px) {
   .images-mobi{
    z-index: 9;
    display: none !important;
    
    }
}

@media only screen 
  
and (min-device-width : 668px) {
   .dev-mobi{
    z-index: 9;
    display: none !important;
    
    }
}



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
.one{
    display: none;
    max-width: 100%;
    
    
    }
}

@media only screen 
and (max-device-width : 375px) { 
.images{
    display: none;
    max-width: 100%;
    overflow-x: hidden;
    
    }
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
.images{
    display: none;
    max-width: 100%;
    overflow-x: hidden;
    
    }
}

@media only screen 
and (max-device-width : 375px) { 
.dev{
    display: none;
    max-width: 100%;
    overflow-x: hidden;
    
    }
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
.dev{
    display: none;
    max-width: 100%;
    overflow-x: hidden;
    
    }
}