@media only screen and (max-width: 500px){
    #slider-area {
        height: 500px;
    }
    #rev_slider_1_1_wrapper{
        max-height: 600px;
        position: static !important;
    }
    #rev_slider_1_1 {
        max-height: 600px; }
    #rev_slider_1_1  li {
        height: auto !important;
   }
}
@media only screen and (max-width: 500px){
    .one {
        transform: scale(1.5, 1.5) rotate(-90deg) !important;
    	opacity: 1;
    	left: 240px !important;
    	top: 87px !important;
    	visibility: visible;
    }
    .two {
    	transform: scale(1.5, 1.5) rotate(0deg) !important;
    	opacity: 1;
    	left: 59px !important;
        top: 40px !important;
    	visibility: visible;
    }
}
@media only screen and (max-width: 500px){
    .defaultimg{
        height: auto !important;
        width: auto  !important;
    	position: relative !important;
    	left: -93px !important;   
        top: auto !important; }
    .im {
        transform: scale(2, 1.5) rotate(0deg) !important;
        opacity: 1;
        left: 100px !important;
        top: 262px !important;
        visibility: visible !important;
    }
    .hd {
    	left: 60.132px !important;
        top: 252.8px !important;
    }
    .li1 {
    	font-size: 12px !important;
    	left: 44.737px !important;
    	top: 314px !important;
    }
    .li2 {
    	font-size: 12px !important;
    	left: 44.737px !important;
    	top: 336px !important;
    }
    .li3 {
    	font-size: 12px !important;
    	left: 44.737px !important;
    	top: 358px !important;
    }
    .li4 {
    	font-size: 12px !important;
		left: 44.737px !important;
		top: 380px !important;
    }
    .li5 {
    	font-size: 12px !important;
    	left: 44.737px !important;
    	top: 402px !important;
    }
    .bt{
    	transform: scale(3, 3) rotate(0deg) !important;
        opacity: 1 ;   	
        left: 150px !important;
        top: 455px !important;
        display: none;
    }
    
    .bt2 {
    transform: scale(1, 1) rotate(0deg);
    opacity: 1;
    z-index: 21;
    position: absolute;
    margin: 0 !important;
    left: 115px;
    top: 527px;
    visibility: visible; }
}
@media only screen and (max-width: 400px){
    .im {
        transform: scale(2, 1.8) rotate(0deg) !important;
        opacity: 1;
        left: 100px !important;
        top: 278px !important;
        visibility: visible !important;
    }
    .bt{
            transform: scale(3, 3) rotate(0deg) !important;
            opacity: 1 ;
            left: 150px !important;
            top: 455px !important;
        }
        .bt2 {
            opacity: 1;  
            margin: 0 !important;
            left: 95px !important;
            top: 525px !important;}
    .one {
        transform: scale(1.5, 1.5) rotate(-90deg) !important;
        opacity: 1;
        left: 180.5px !important;
        top: 87px !important;
        visibility: visible;
    }
    .two {
        transform: scale(1.5, 1.5) rotate(0deg) !important;
        opacity: 1;
        left: 49px !important;
        top: 79px !important;
        visibility: visible;
    }
}
@media only screen and (min-width: 501px){
    .bt2 {display: none;}
}