.mybutton{
        margin-left:15px;
    }
    
    .curvideocss
    {
        margin-left:5%;
        width:450px;
        height:350px;
      
        
        padding-left:10px;
     
                
    }    
    .drawingdivcss
    {
       width:330px;
       height:360px;
       margin-top:-30px;
       margin-left:60px;
    }
    .librarydivcss
    {
        width:500px;
        height:340px;
        margin-left:-20px;
        margin-top:-10px;
    }
    .iframelibrary{
        width:100%;
        height:90%;
    }
    .librarynext{
        font-size:25px;
        color:lightslategray;
        font-weight:bold;
    }
    .embedded-iframepongal
    {
        width:100%;
        height:100%;
    }
   
                
@media only screen and (max-width: 600px) {
           
            .curvideocss{
             
                width:300px;
                height:200px !important;
                padding-left:-40px !important;
                
                margin-left:-10px !important;

                   margin-top:-10px;

            }
             .drawingdivcss
            {
               width:300px;
               height:360px;
               margin-top:-30px;
               margin-left:-10px !important;
            }
            
             .librarydivcss
            {
               width:250px;
               height:280px;
              
               margin-left:-10px !important;
            }
            
             .embedded-iframepongal
            {
                width:100%;
                height:100%;
            }
           
            #lnklibrarynext{
                padding-left:10px;
            }
    }