/*ipad or iphone*/
  @media (min-width: 768px) and (max-width: 1020px){ 
         .banner-area .headerimage{position:unset ; max-width: 250px;}
         .banner-area .banner_txt{width: 100%;max-width:100% !important } 
         .logo-area {max-width: 90% !important;}
         .DishB_area7 .right_sec p{padding-left:45%!important;}
         .DishB_area6 .PICTURE{max-width: 50% !important;    }
         .banner-area iframe{margin-top: 20px;position:unset;text-align:center;}
         .video_class{ width:100%;text-align:center;}
         .banner-area .boy-01-01{margin-top:5%;}
         .DishB_area6 .right_sec ul li {font-size: 20px;}
         .banner-area .banner_txt h1, .DishB_area2 figcaption h2, .DishB_area5 .inner_app h2, .DishB_area4 figcaption h2, .DishB_area6 .left_sec ,.banner-area1 .banner_txt3 h2
         ,.banner-area1 .banner_txt3 h1,.DishB_area7 .right_sec h3,.DishB_area8 h2 ,.DishB_area7 .right_sec h3{font-size: 3.0rem !important;}
           .banner-area1 .boy-01-01 {max-width: 100% !important;}
} 




@media screen and (min-width:320px) and (max-width:768px){
    html{font-size: 68%}
    .header-area .menu-area{margin-right: 1rem}
    .header-area .logo-area img{max-width: 200px; height: auto; padding: 0rem 1rem}
    .banner-area{padding:3rem 1rem}
    .banner-area .banner_txt{text-align: center;}
    /*.banner-area .banner_txt h3{font-size: 2rem}*/
    .banner-area figure{position: static; margin-bottom: 0rem}
    .banner-area figcaption{width: 200px; height: 200px; font-size: 2rem; margin: auto}
    .banner-area figcaption{position: static;}
    .DishB_area2 figure{width: 100%; text-align: center;}
    .DishB_area2 figure img{max-width: 100%; height: auto; }
    .DishB_area2 figcaption{width: 100%; padding: 1rem; text-align: center;}
    .DishB_area3 figcaption{width: 100%}
    .DishB_area3 figure{width: 100%}
    .DishB_area5 .inner_app ul{flex-direction: column;}
    .DishB_area5 .inner_app ul li{ width: 100%; margin-bottom: 5rem; }
    .DishB_area5 .inner_app ul li:last-child{ margin-bottom: 0rem }
    .DishB_area6 .left_sec{width: 100%;}
    .DishB_area6 .right_sec{width: 100%; border: none; padding-left: 2rem}
    .banner-area .banner_txt h3, .banner-area .banner_txt h2 ,.banner-area1 .banner_txt3 h3 {font-size: 2rem;line-height: 3rem;}
    .banner-area1 .banner_txt3 h2,.DishB_area7 .right_sec p{font-size: 2.5rem;}
    .DishB_area2 p{font-size: 2rem;}
    .banner-area .banner_txt h1, .DishB_area2 figcaption h2, .DishB_area5 .inner_app h2, .DishB_area4 figcaption h2, .DishB_area6 .left_sec ,.banner-area1 .banner_txt3 h2
    ,.banner-area1 .banner_txt3 h1,.DishB_area7 .right_sec h3,.DishB_area8 h2 ,.DishB_area7 .right_sec h3{font-size: 3.0rem;}
    .header-area .header_txt{display: none;}
    .DishB_area6 img.quote{top:40px;}
     #menuToggle{top: 24px; right: 20px;}
    .DishB_area2 .laptop_img{width: 100%}
    .banner-area .banner_txt h2{text-align: left;}
    .DishB_area8 h5{font-size: 2rem;}
    .DishB_area2 .laptop_img img{position: static; max-width: 100%;}
    .DishB_area3 figcaption i{margin-bottom: 160px;}
    .banner-area  .headerimage{position: unset ; width:100%;}
    .DishB_area7 .right_sec{padding-right:2rem;}
    .banner-area i{margin-bottom: 130px;}
    .ret_location2 {position: absolute;right: 10px;top: -4rem;padding-left: 20px;}
    .logo-area {max-width: 56%;}
    .DishB_area6 .PICTURE{max-width: 96%;height: auto!important;margin: 2%;display: block;}
    .ret_location2 {font-size: 12px;}
    .DishB_area7 .right_sec h3{padding-left:20px;}
    .DishB_area7 .right_sec p{padding-left:20px;}
    .DishB_area3 .quote{top: 40px;}
    .DishB_area6 .PICTURE{position: unset;}
    .DishB_area3 figure{padding:50%;}
	.DishB_area8 .cnct_frm {width: 96%;margin: auto; padding: 2%;}
    .header-area .contact_button{display: none;}
    .banner-area iframe{margin-top: 20px;position:unset;text-align:center;width: 250px !important;height: 170px !important;}
    .video_class{ width:100%;text-align:center;}
    .banner-area .boy-01-01{margin-top:5%;}
    .DishB_area6 .side_section{width: 100%;}
    .DishB_area9 .ret_location1{right: 114px !important;top:-8rem !important;}
    .DishB_area9 .ret_location3{right:13px !important;top:-5rem !important;}
    .DishB_area9 ul{right:90px !important;top: -2rem !important;}
    .DishB_area9 {padding:10rem 0rem 6rem 0rem;}
    .DishB_area6 .left_sec{position: unset;}
    .DishB_area2 figcaption ul li {font-size: 2rem;}
    .DishB_area6 .right_sec ul li {font-size: 20px;}
    .DishB_area2 figcaption h2{font-size: 3rem;}
    .DishB_area6 figcaption h2 {width: 25rem; height: 25rem;}
    .DishB_area6 figcaption {position: unset;}
    .DishB_area10 .ret_location3{font-size: 2rem;line-height: 3rem;}
    .DishB_area10 ul li{font-size: 2rem;}
    .DishB_area10 ul li span{padding:0px 33px 0px 0px;}
    .DishB_area2 h4{font-size: 3rem;}
    .DishB_area2 figcaption h3,.DishB_area4 figcaption h5{font-size:2.5rem;}
    .banner-area1 .boy-01-01 {max-width: 100% !important;}


}
#menuToggle{position: fixed;z-index: 10000;top: 42px;right: 30px;}