@media screen and (min-width: 320px) and (max-width: 480px) {
    .logo1
        {
                margin-top: 33px;
    float: left;
        }
         .logo
        {
            margin: 0px auto;
                margin-top: 14px;
        }
   		.leftcurtainimg{
			       width: 40% !important;
    left: 84px !important;
    float: left !important;
        margin-left: 29% !important;
               margin-top: 6px !important;
	  
		}
	.happy-dipawal
	{
	    width: 82%;
    margin-top: 9%;
	}	
	.gift
	{
	                  
    width: 80%;
    margin-left: 11%;
      margin-top: 6%;
	}
	     .rope
        {
    position: absolute;
    top: -40px;
    left: 81%;
    z-index: 4;
 
        }
}
  @media screen and (min-width: 481px) and (max-width: 768px) {
    
        .logo
        {
            margin: 0px auto;
                margin-top: 14px;
        }
   		.leftcurtainimg{
	 width: 33% !important;
    left: 84px !important;
    float: left !important;
    margin-left: -1% !important;
       margin-top: -39px !important;
	  
		}
	.happy-dipawal
	{
	    width: 82%;
    margin-top: 9%;
	}	
	.gift
	{
	              margin-top: -8%;
    width: 60%;
    margin-left: 37%;
	}
	     .rope
        {
   position: absolute !important;
            top: -40px !important;
               left: 83% !important;
            z-index: 4 !important;
 
        }
        .logo1
        {
                margin: 0px auto;
    margin-top: 14px;
    width: 67% !important;
    margin-left: 36%;
        }
    }