/* ==========================================================================
   Medium Layout: 1280px.
   ========================================================================== */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
.common_width{width: 970px;}
#benefits_area .child_bebefets {margin-right: 20px;width: 300px;} 
#ceperate_pet .child_ceperate_pet {margin-right: 30px;}    
    
    
    
    
    
    
    
    
}
/* ==========================================================================
   Tablet Layout: 768px. 
   ========================================================================== */
@media only screen and (min-width: 601px) and (max-width: 991px) { 
.common_width{width: 720px;}
#main_menu .inner_mainmenu ul#nav li a {padding: 10px 20px;}
#friendlist_petstore .inner_friendlist {margin: 40px auto;width: 720px;}   
#friendlist_petstore .child_friendlist {width: 330px;}  
#benefits_area .child_bebefets {margin-right: 15px;margin-top: 35px;width: 225px;}   
#ceperate_pet .child_ceperate_pet {margin-right: 15px;margin-top: 25px;width: 245px;}  
#ceperate_pet .child_ceperate_pet_image {width: 180px;margin-top: 60px;}   
    
    
    
 
    
    
}
/* ==========================================================================
   Wide Mobile Layout: 480px.
   ========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 600px) { 
.slicknav_menu {display: block;}
#map_area img.desktop, #main_menu{display: none}
#map_area img.mobile{display: block}  
.common_width{width: 420px;} 
#header_area .inner_header_area {margin-bottom: 20px;margin-top: 15px;}   
#header_area .callto_area {width: 420px;}
#header_area .callto_area .text_area {width: 350px;} 
#header_area .callto_area .text_area h1 {font-size: 25px;}    
#header_area .callto_area .image_area {width: 65px;}   
#friendlist_petstore .inner_friendlist {margin: 20px auto;width: 420px;} 
#friendlist_petstore .inner_friendlist h1 {font-size: 32px;}  
#friendlist_petstore .inner_friendlist h2 {padding-right: 0;text-align: center;}   
#friendlist_petstore .child_friendlist {margin: 10px auto;width: 365px;} 
#friendlist_petstore .child_friendlist.left {float: none;} 
#friendlist_petstore .child_friendlist.right {float: none;} 
#benefits_area .inner_bebefits_area h2 {width: 400px;}  
#benefits_area .child_bebefets {float: none;margin: 10px auto 20px;overflow: hidden;}  
#benefits_area .child_bebefets:last-child {margin-right: auto;}   
#ceperate_pet .child_ceperate_pet {float: none;margin: 10px auto 20px;}
#ceperate_pet .child_ceperate_pet_image {float: none;margin: 0 auto;}
    
    
    
    
    
    
    
    
    
    
    
}



/* ==========================================================================
   Mobile Layout: 320px.
   ========================================================================== */
@media only screen and (max-width: 479px) { 
.slicknav_menu {display: block;}
#map_area img.desktop, #main_menu{display: none}
#map_area img.mobile{display: block}  
.common_width{width: 280px;} 
#header_area .inner_header_area {margin-bottom: 20px;margin-top: 15px;}   
#header_area .callto_area {width: 280px;}
#header_area .callto_area .text_area {width: 280px;} 
#header_area .callto_area .text_area h1 {font-size: 20px;} 
#header_area .callto_area .text_area p {font-size: 10px;}    
#header_area .callto_area .image_area {display: none}   
#friendlist_petstore .inner_friendlist {margin: 20px auto;width: 280px;} 
#friendlist_petstore .inner_friendlist h1 {font-size: 20px;}  
#friendlist_petstore .inner_friendlist h2 {padding-right: 0;text-align: center;}   
#friendlist_petstore .child_friendlist {margin: 10px auto;width: 280px;} 
#friendlist_petstore .child_friendlist.left {float: none;} 
#friendlist_petstore .child_friendlist.right {float: none;} 
#benefits_area .inner_bebefits_area h2 {width: 280px;}  
#benefits_area .child_bebefets {float: none;margin: 10px auto 20px;overflow: hidden;width: 280px;}  
#benefits_area .child_bebefets:last-child {margin-right: auto;}   
#ceperate_pet .child_ceperate_pet {float: none;margin: 10px auto 20px;width: 280px;}
#ceperate_pet .child_ceperate_pet_image {float: none;width: 280px;margin: 0 auto;} 
#friendlist_petstore .button_area {margin: 0 auto;overflow: hidden;width: 220px;}   
#friendlist_petstore .button_area .child_friendlist .latest_offer img {display: block;width: 200px;} 
#friendlist_petstore .button_area .child_friendlist .opendays img {display: block;width: 200px;} 
    
    
    
    
    
    
    
    
    
    
    
    
}