/* Portrait and Landscape */
@media only screen and (min-width: 300px) and (max-width: 587px) and (orientation: portrait) {

    .align-seting{
     right: 30%;
    }
    .list-link{
        margin-left: 0rem;
    }
    .mob-text-center{
       text-align: center;
    }
   
    .mob-display-none{
     display: none;
    }
   
   .banner {height: 0px;}
   .main-tt {
       font-size: 20px;
       color: #ffffff;
       background: #9e6026;
       border-radius: 7px 7px 56px 56px;
       width: 100%;
       margin-left: 4px;
       text-align: center;
   }
   .soil-inputs {
       width: 100%;
       margin-bottom: 16px;
       border-bottom: 2px solid #a52a2ab3;
   }
   #chartdiv {
       height: 100%;
   }
   
   
   .mob-top {
       margin-top: 1722px;
   }
   .sub-menu-list p{
       margin-bottom: 1px;
   }
   h5.pie-dash-tt {
       background: #16b566 ;
       padding: 9px 0px;
       color: #fff;
       border-radius: 30px;
       position: absolute;
       left: 0px;
       font-size: 15px;
       right: 0px;
       margin-top: -41px;
       text-align: center;
   }
   .popuptn-map{
     height: 65%;
       width: 91%;
       background: white;
       margin-top: 76px;
   }
   .mob-scroll{
     overflow: scroll;
   }
   #chartdiv6 {
       width: 1200px;
       height: 299px;
   }
   #chartdiv2, #chartdiv3, #chartdiv4, #chartdiv5, #chartdiv8, #chartdiv9 {
       width: 100%;
       height: 451px;
   }
  
   .pie-ul-rigth:before {
       content: "";
       background: #F3F3F3;
       border: 2px solid #FFFFFF;
       box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
       border-radius: 42.5px;
       padding: 105px 16px;
       position: absolute;
       z-index: -1;
       margin-top: -11px;
   }
   
   img.btn-icon {
       margin-top: 20px!important;
       position: relative;
       right: 46px;
   }
   .btn-shape {
       background: #F2F2F2;
       box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
       border-radius: 30px;
       font-family: 'Inder';
       font-style: normal;
       font-weight: bold;
       font-size: 11px;
       line-height: 20px;
       color: #767676;
       border: none;
       padding: 7px 8px;
       line-height: 14px;
       text-align: center!important;
   }
   
   svg#Layer_1 {
       filter: drop-shadow(0px 4px 0px black);
       width: 100%;
       height: 100%;
       min-width: 380px;
       margin-left: 21px;
   }
   
   .map-content-tt {
       font-family: Tahoma (sans-serif); font-style: normal;
       font-size: 18px;
       line-height: 31px;
     }
     .box-local-tt{
       font-size: 15px;
       font-weight: bold;
     }
   
     .hand-bottom-img {
       position: absolute;
       right: 0;
       bottom: -27px;
       width: 108px;
   }
   
   }
   
   @media only screen and (min-width: 489px) and (max-width: 700px) and (orientation: portrait) {
   .top-one{
       display: none;
   }
   }
   
   @media only screen and (min-width: 489px) and (max-width: 700px) and (orientation: landscape) {
   
    .align-seting{
     right: 30%;
    }
    .mob-text-center{
       text-align: center;
    }
   
    .mob-display-none{
     display: none;
    }
  
   .banner {height: 0px;}
   .main-tt {
       font-size: 20px;
       color: #ffffff;
       background: #9e6026;
       border-radius: 7px 7px 56px 56px;
       width: 100%;
       margin-left: 4px;
       text-align: center;
   }
   .soil-inputs {
       width: 100%;
       margin-bottom: 16px;
       border-bottom: 2px solid #a52a2ab3;
   }
   #chartdiv {
       height: 100%;
   }
   .mob-top {
       margin-top: 1516px;
   }
   h5.pie-dash-tt {
       background: #16b566 ;
       padding: 9px 0px;
       color: #fff;
       border-radius: 30px;
       position: absolute;
       left: 0px;
       font-size: 15px;
       right: 0px;
       margin-top: -41px;
       text-align: center;
   }
   .popuptn-map{
     height: 65%;
       width: 91%;
       background: white;
       margin-top: 76px;
   }
   .mob-scroll{
     overflow: scroll;
   }
   #chartdiv6 {
       width: 1200px;
       height: 299px;
   }
   #chartdiv2, #chartdiv3, #chartdiv4, #chartdiv5, #chartdiv8, #chartdiv9 {
       width: 100%;
       height: 451px;
   }
   
   .pie-ul-rigth:before {
       content: "";
       background: #F3F3F3;
       border: 2px solid #FFFFFF;
       box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
       border-radius: 42.5px;
       padding: 105px 16px;
       position: absolute;
       z-index: -1;
       margin-top: -11px;
   }
   
   img.btn-icon {
       float: right;
       margin-top: -18px;
       width: 41px;
   }
   .btn-shape {
       background: #F2F2F2;
       box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
       border-radius: 30px;
       font-family: 'Inder';
       font-style: normal;
       font-weight: bold;
       font-size: 11px;
       line-height: 20px;
       color: #767676;
       border: none;
       padding: 7px 8px;
       line-height: 17px;
   }
   
   svg#Layer_1 {
       filter: drop-shadow(0px 4px 0px black);
       width: 100%;
       height: 100%;
       min-width: 300px;
       margin-left: 21px;
   }
   
   .map-content-tt {
       font-family: Tahoma (sans-serif) ;font-style: normal;
       font-size: 18px;
       line-height: 31px;
     }
     .box-local-tt{
       font-size: 15px;
       font-weight: bold;
     }
   
     .hand-bottom-img {
       position: absolute;
       right: 0;
       bottom: -27px;
       width: 108px;
   }
  
   footer {
       position: relative;
       top: 0px;
       bottom: 0;
       left: 0;
       right: 0;
   }
   }
   
   /*@media only screen and (min-width: 360px) and (max-width: 488px) and (orientation: portrait) {
     
   }*/
   
   @media only screen and (min-width: 701px) and (max-width: 968px) and (orientation: portrait) {
    .list-link{
        margin-left: 0rem;
    }
    
   }
   
   @media only screen and (min-width: 700px) and (max-width: 968px) and (orientation: landscape) {
    .align-seting{
     right: 30%;
    }
    .mob-text-center{
       text-align: center;
    }
   
    .mob-display-none{
     display: none;
    }
   
   .banner {height: 0px;}
   .main-tt {
       font-size: 20px;
       color: #ffffff;
       background: #9e6026;
       border-radius: 7px 7px 56px 56px;
       width: 100%;
       margin-left: 4px;
       text-align: center;
   }
   .soil-inputs {
       width: 100%;
       margin-bottom: 16px;
       border-bottom: 2px solid #a52a2ab3;
   }
   #chartdiv {
       height: 100%;
   }
   .mob-top {
       margin-top: 968px;
   }
   .list-link{
    margin-left: 0rem;
}
   h5.pie-dash-tt {
       background: #16b566 ;
       padding: 9px 0px;
       color: #fff;
       border-radius: 30px;
       position: absolute;
       left: 0px;
       font-size: 15px;
       right: 0px;
       margin-top: -41px;
       text-align: center;
   }
   .popuptn-map{
     height: 65%;
       width: 91%;
       background: white;
       margin-top: 76px;
   }
   .mob-scroll{
     overflow: scroll;
   }
   #chartdiv6 {
       width: 1200px;
       height: 299px;
   }
   #chartdiv2, #chartdiv3, #chartdiv4, #chartdiv5, #chartdiv8, #chartdiv9 {
       width: 100%;
       height: 451px;
   }
   /* .pie-ul-rigth li {
       display: flex;
       flex-wrap: nowrap;
       flex-direction: row;
       align-items: center;
       justify-content: flex-start;
       height: 23px;
       background: #F3F3F3;
       box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
       border-radius: 22px;
       width: 275px;
       margin-top: 18px;
       margin-left: 1px;
   } */
   .pie-ul-rigth:before {
       content: "";
       background: #F3F3F3;
       border: 2px solid #FFFFFF;
       box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
       border-radius: 42.5px;
       padding: 105px 16px;
       position: absolute;
       z-index: -1;
       margin-top: -11px;
   }
   /* .mob-banner-right{
       height: 753px;
   
   } */
   /* .list-rigth {
       top: 491px;
       right: 294px;
   } */
   img.btn-icon {
       float: right;
       margin-top: -18px;
       width: 41px;
   }
   .btn-shape {
       background: #F2F2F2;
       box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
       border-radius: 30px;
       font-family: 'Inder';
       font-style: normal;
       font-weight: bold;
       font-size: 11px;
       line-height: 20px;
       color: #767676;
       border: none;
       padding: 7px 8px;
       line-height: 17px;
   }
   
   svg#Layer_1 {
      filter: drop-shadow(0px 4px 0px black);
       width: 100%;
       height: 100%;
       min-width: 380px;
       margin-left: 21px;
   }
   
   .map-content-tt {
       font-family: Tahoma (sans-serif); font-style: normal;
       font-size: 18px;
       line-height: 31px;
     }
     .box-local-tt{
       font-size: 15px;
       font-weight: bold;
     }
   
     .hand-bottom-img {
       position: absolute;
       right: 0;
       bottom: -27px;
       width: 108px;
   }
   footer {
       position: relative;
       top: 0px;
       bottom: 0;
       left: 0;
       right: 0;
   }
   }
   
   @media only screen and (min-width: 900px) and (max-width: 1400px) and (orientation: landscape) {
    
   }

   @media (max-width: 991.98px){
    .lang-web {
        display: none!important;
    }
    .lang-mob {
        display: block!important;
    }
    .lang-mob .lang-tt,.lang-mob .lang-tt span{
        display: flex;
        padding: 3px;
    }
    h6.agri-tt {
        font-size: 0.57rem;
        margin-left: 10px;
    }
   }