@media (min-width: 1300px)
{
}
/*-------for small monitor----*/
@media (min-width: 769px) and (max-width: 1299px)
{ 
/*.image_size{ width:100% !important;}*/
.navi{ width:60% !important;}
.slider{ height:440px !important; }
.button1{ width:20% !important;}
.button2{ width:25% !important;}
.pic_basic_space{ margin-left:55px !important; margin-right:55px !important;}
.footer_right{ width:25% !important;}
.button3{ width:12% !important;}
.rent{ width:19.5% !important;}
.rent_space{ margin-left:4px !important;}
}
/*-------for tab----*/
@media (min-width: 481px) and (max-width: 768px)
{
.image_size{ width:100% !important;}
.image_resize{ width:80% !important;}
.book{ left:85% !important;}
.logo{ width:100% !important; float:none !important;}
.navi{ width:100% !important; float:none !important;}
.slider{ height:180px !important; }
.left{ width:100% !important; float:none !important;}
.right{ width:100% !important; float:none !important;}
.button1{ margin-left:0px !important;}
.button1{ width:30% !important;}
.button2{ width:35% !important;}
.pic_basic_space{ margin-left:25px !important; margin-right:25px !important;}
.footer_mid{ width:35% !important; margin-left:20px !important;}
.footer_right{ width:25% !important;}
.left3{ width:90% !important; float:none !important;}
.right3{ width:90% !important; float:none !important;}
.left2{ width:100% !important; float:none !important;}
.right2{ width:100% !important; float:none !important;}
.button3{ width:50% !important;}
.left4{ width:100% !important; float:none !important; margin:10px auto !important;}
.left4_space{ margin-left:0px !important;}
.activities{ width:100% !important; float:none !important; margin-right:0px !important;}
.left5{ width:100% !important; float:none !important;}
.right5{ width:80% !important; float:none !important; padding:20px; background:#000;}
.rent{ width:50% !important;}
.rent_space{ margin-left:0px !important;}
}
/*-------for smart phone----*/
@media (min-width: 321px) and (max-width: 480px)
{
.image_size{ width:100% !important;}
.image_resize{ width:70% !important;}
.book{ left:77% !important;}
.logo{ width:80% !important; float:none !important;}
.navi{ width:100% !important; float:none !important;}
.slider{ height:120px !important; }
.left{ width:90% !important; float:none !important;}
.right{ width:100% !important; float:none !important;}
.button1{ margin-left:0px !important;width:60% !important; float:none !important; display:block !important;}
.button2{ margin-left:0px !important; margin-top:20px !important; display:block !important;width:60% !important; float:none !important;}
.pic_basic{ width:95% !important; float:none !important;}
.pic_basic_space{ margin-left:0 !important; margin-right:0 !important;}
ul.footer_left{ width:100% !important; float:none !important; margin-bottom:20px !important;}
.footer_mid{ width:100% !important; float:none !important; margin-left:0px !important; margin-bottom:20px !important;}
.footer_right{ width:100% !important; float:none !important;}
.left3{ width:90% !important; float:none !important;}
.right3{ width:90% !important; float:none !important;}
.left2{ width:100% !important; float:none !important;}
.right2{ width:100% !important; float:none !important;}
.button3{ width:50% !important;}
.txt9 a{ font-size:21px !important;}
.left4{ width:100% !important; float:none !important; margin:10px auto !important;}
.left4_space{ margin-left:0px !important;}
.activities{ width:100% !important; float:none !important; margin-right:0px !important;}
.left5{ width:100% !important; float:none !important;}
.right5{ width:80% !important; float:none !important; padding:20px; background:#000;}
.txt11 a{ font-size:16px !important;}
.rent{ width:90% !important;}
.rent_space{ margin-left:0px !important;}
}
/*-------for small mobile----*/
@media (max-width: 320px)
{
.image_size{ width:100% !important;}
.image_resize{ width:70% !important;}
.book{ left:77% !important;}
.logo{ width:80% !important; float:none !important;}
.navi{ width:100% !important; float:none !important;}
.slider{ height:120px !important; }
.left{ width:90% !important; float:none !important;}
.right{ width:100% !important; float:none !important;}
.button1{ margin-left:0px !important;width:60% !important; float:none !important; display:block !important;}
.button2{ margin-left:0px !important; margin-top:20px !important; display:block !important;width:60% !important; float:none !important;}
.pic_basic{ width:95% !important; float:none !important;}
.pic_basic_space{ margin-left:0 !important; margin-right:0 !important;}
ul.footer_left{ width:100% !important; float:none !important; margin-bottom:20px !important;}
.footer_mid{ width:100% !important; float:none !important; margin-left:0px !important; margin-bottom:20px !important;}
.footer_right{ width:100% !important; float:none !important;}
.left3{ width:90% !important; float:none !important;}
.right3{ width:90% !important; float:none !important;}
.left2{ width:100% !important; float:none !important;}
.right2{ width:100% !important; float:none !important;}
.button3{ width:50% !important;}
.txt9 a{ font-size:21px !important;}
.left4{ width:100% !important; float:none !important; margin:10px auto !important;}
.left4_space{ margin-left:0px !important;}
.activities{ width:100% !important; float:none !important; margin-right:0px !important;}
.left5{ width:100% !important; float:none !important;}
.right5{ width:80% !important; float:none !important; padding:20px; background:#000;}
.txt11 a{ font-size:16px !important;}
.rent{ width:90% !important;}
.rent_space{ margin-left:0px !important;}
}