/* 


@media(max-width:450px)  {
    #img-1{
    height:205px;        
   width:auto;
        


    position:relative;
        left:100px;
        bottom: 350px;
        


    }



             #so-he{
                position:relative;
            right: 0px;
            border-radius: 50px;
            height: 50px;
                    
                 }
                     
#ff{

    position:relative;
        top: 15px;
    font-size: 20px;
        
    
        
    }    






    #img-2{
        display: block;

        height: 200px;
        


        position:relative;
            left:155px;
            bottom: 120px;
            
    
    


    }
    
        
    #btn{
        margin-left: 30px;
        
        
        }
        #a1{
            padding-left: 30px;
                
            }
            
                
            #a1:after{
                content: "";
                position: absolute;
                top: 80px;
                left: 45px;    
                background: linear-gradient(to right,rgb(1, 1, 255),rgb(255, 0, 255) );
                height: 3px;
                width: 0%;
                transition: 0.3s;
                
                }
            #a1:hover{
                color: black;
            font-weight: bolder;
            
            }
            
            #a1:hover:after{
                width: 15%;
                
                
                }
            
                
        
        
                #a2{
                    padding-left:30px;
                }
        #a2:after{
            content: "";
            position: absolute;
            top: 120px;
            left: 45px;    
            
            background: linear-gradient(to right,rgb(1, 1, 255),rgb(255, 0, 255) );
            
        
        
            height: 3px;
            width: 0%;
            transition: 0.3s;
            
            }
            #a2:hover{
                color: black;
            font-weight: bolder;
            
            }
            
            #a2:hover:after{
            width: 15%;
            
            
            }
        
        #a3{
            padding-left:30px;
        }
            
        #a3:after{
            content: "";
            position: absolute;
            top: 165px;
            left: 40px;    
            
            background: linear-gradient(to right,rgb(1, 1, 255),rgb(255, 0, 255) );
            
        
        
            height: 3px;
            width: 0%;
            transition: 0.3s;
            
            }
            #a3:hover{
                color: black;
            font-weight: bolder;
            
            }
            
            #a3:hover:after{
            width: 15%;
            
            
            }
        
            #a4{
                padding-left: 30px;
            }
            
        #a4:after{
            content: "";
            position: absolute;
            top: 205px;
            left: 40px;    
            
            background: linear-gradient(to right,rgb(1, 1, 255),rgb(255, 0, 255) );
            
        
        
            height: 3px;
            width: 0%;
            transition: 0.3s;
            
            }
            #a4:hover{
                color: black;
            font-weight: bolder;
            
            }
            
            #a4:hover:after{
            width: 20%;
            
            
            }    
        
        
            #btn-1:after{
                content: "";
                position: absolute;
                top: 365px;
                left: 130px;    
                
                background: linear-gradient(to right,rgb(1, 1, 255),rgb(255, 0, 255) );
                
            
            
                height: 3px;
                width: 0%;
                transition: 0.3s;
                
                }
                #btn-1:hover{
                    color: black;
                font-weight: bolder;
                
                }
                
                #btn-1:hover:after{
                width: 25%;
                
                
                }

                #btn-1{
                    padding-top: 50px;

                }
    
                #r-1{
                    font-size: 30px;
               
                    position: relative;
                    top: 0px;
                    right:50px;    
                    padding-right:120px;


                   }
                   
    
    
    
    }




 */

 @media(min-width:320px)and (max-width:767px)
 {

    .social-links a{
        width: 30px;
        height: 30px;
        position: relative;
            top: 30px;
           right: 0px;
        
        }
    .social-links a .fab{
    font-size: 15px;
        line-height: 30px;
    }

    #back-img{
        width: 100%;
        height: 200px;
        
        }

        #input-1{
            position:relative;
            bottom: 100px;
                
            }        


 

            #input-2{
                position:relative;
                         top: -100px;
                      left: 20px;
             
                      
                  }

#tab-1{
height: 200px;



}
#tab-text{

    position:relative;
    right:10px;
    bottom: 100px;


}

#bod{
border: 2px solid black;

}


#tab-text2{

    position:relative;
  

}















    #s-1{
        position: relative;
        right: 20px;
            margin-bottom: 40px;
        }




        #s-2{
            position:relative;
                right: 40px;
            }
            
            #s-3{
                position: relative;
                left: 40px;
                     
                 }

                 #s-4{
                    position: relative;
                    right: 50px;


                 }


#s-5{
    position: relative;
    right: 15px;
    height: 160px;



}

    #m1-1{
        position: relative;
        right: 50px;
        margin-bottom: 50px;

            
        }
        #img-tab{
            height: 150px;
                position: relative;
                right: 20px;
                
            }
            #img-lap{
                height: 200px;
                    position: relative;
                    right: 30px;
                    top: 50px;
                }
                





    #k2-1{
        position:relative;
        left: 35px;
            
        }
        #l1-1{
        padding-right: 54px;    
        position: relative;
        left: 55px;
        }
        
        

#l1-2{
margin-left: 70px;
    margin-right: 80px;
text-align:-webkit-center;
}

     
 #r-1{
    font-size: 40px;
    position:relative;    
    right: 30px;
    bottom: 60px;    
    padding:40px;
    text-align:center;
    
    
        
    }
    #img-1{
    height: 260px;
    position: relative;
    bottom: 220px;
    left:10px;
    }
    
    
 
 
 #btn{
     margin-left: 30px;
     
     
     }
     #a1{
         padding-left: 30px;
             
         }
         
             
         #a1:after{
             content: "";
             position: absolute;
             top: 80px;
             left: 45px;    
             background: linear-gradient(to right,rgb(1, 1, 255),rgb(255, 0, 255) );
             height: 3px;
             width: 0%;
             transition: 0.3s;
             
             }
         #a1:hover{
             color: black;
         font-weight: bolder;
         
         }
         
         #a1:hover:after{
             width: 15%;
             
             
             }
         
             
     
     
             #a2{
                 padding-left:30px;
             }
     #a2:after{
         content: "";
         position: absolute;
         top: 120px;
         left: 45px;    
         
         background: linear-gradient(to right,rgb(1, 1, 255),rgb(255, 0, 255) );
         
     
     
         height: 3px;
         width: 0%;
         transition: 0.3s;
         
         }
         #a2:hover{
             color: black;
         font-weight: bolder;
         
         }
         
         #a2:hover:after{
         width: 15%;
         
         
         }
     
     #a3{
         padding-left:30px;
     }
         
     #a3:after{
         content: "";
         position: absolute;
         top: 165px;
         left: 40px;    
         
         background: linear-gradient(to right,rgb(1, 1, 255),rgb(255, 0, 255) );
         
     
     
         height: 3px;
         width: 0%;
         transition: 0.3s;
         
         }
         #a3:hover{
             color: black;
         font-weight: bolder;
         
         }
         
         #a3:hover:after{
         width: 15%;
         
         
         }
     
         #a4{
             padding-left: 30px;
         }
         
     #a4:after{
         content: "";
         position: absolute;
         top: 205px;
         left: 40px;    
         
         background: linear-gradient(to right,rgb(1, 1, 255),rgb(255, 0, 255) );
         
     
     
         height: 3px;
         width: 0%;
         transition: 0.3s;
         
         }
         #a4:hover{
             color: black;
         font-weight: bolder;
         
         }
         
         #a4:hover:after{
         width: 20%;
         
         
         }    
     .btn{
     position:relative;
     top:130px;
     right:-40px;        
     }
     
         #btn-1:after{
             content: "";
             position: absolute;
             top: 75px;
             left: 10px;    
             
             background: linear-gradient(to right,rgb(1, 1, 255),rgb(255, 0, 255) );
             
         
         
             height: 3px;
             width: 0%;
             transition: 0.3s;
             
             }
             #btn-1:hover{
                 color: black;
             font-weight: bolder;
             
             }
             
             #btn-1:hover:after{
             width: 85%;
             
             
             }

             #btn-1{
                 padding-top: 50px;

             }
     
 }