@media screen and (min-width: 1201px) {
    .overscroll-wrapper{
        display:none;
    }
    .navbar-icon-container {
        display: none;
        position: relative;
        width: 100%;
        height: 100%;

    }
    .smartphoneMenu{
        display: none;
    }
    .menu-list{
        display:none;
    }
    .smartphone_map_modal {
        display:none;
    }
    .smartphone_param_modal {
        display:none;
    }
    .smartphone_right_btn {
        display:none;
    }
    .cropname_div3{
        width:70.6%;
    }

    .id_btn{
      display:none;
    }
    ul#SmartphoneBaseMap input[type="radio"]:checked + label .map-option-image-wrapper {
      border: 2px solid #007bff;
  }

  ul#SmartphoneDetailMap input[type="checkbox"]:checked + label .map-option-image-wrapper {
      border: 2px solid #007bff;
  }


  .map-option {
      display: flex;
      align-items: center;
      gap: 10px;
      cursor: pointer;
      padding: 3px;
      border-radius: 10px;
      transition: background 0.3s;
      list-style-type: none;
      flex-direction: column;
      font-size: 12px;
      font-weight:300;
      text-align: center;
      
      margin-bottom:0px;
  }

  .map-option:focus{
      background: #d45858;
  }

  .map-option img {
      width: 60px; /* Adjust as needed */
      height: 60px;
      border-radius: 10px; /* Rounded corners */
      object-fit: cover;
  }

  .map-option-image-wrapper {
      padding: 2px; 
      background: white; 
      border-radius: 12px; 
      border: 2px solid white;
      box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
      transition: scale 0.3s;
  }

  .map-option-image-wrapper img {
      /* width: 100%;
      height: 100%; */
      border-radius: 10px;
      object-fit: cover;
      display: block;
  }
  .map-option-image-wrapper:hover {
    scale:1.1;
  }

  ul#PCBaseMap input[type="radio"]:checked + label .map-option-image-wrapper {
      border: 2px solid #007bff;
  }

  .PCDetailMap input[type="checkbox"]:checked + label .map-option-image-wrapper {
      border: 2px solid #007bff;
  }

  .static_circle{
    border-radius: 50%;
    display: flex;
    font-size: 20px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
    width: 50px;
    height: 50px;
    background-color: white;
    justify-content: center;
    align-items: center;
    transition: scale 0.3s;
    flex-shrink:0;
  }
  .static_circle:hover{
    scale:1.1
  }

  .drag-handle{
    display:none;
  }

  

}
@media screen and (max-width: 600px) {
    .endOfProcess-dialog{
      width:100vw;
    }

    .endOfProcess-body{
      height:auto !important;
    }

    #tarteaucitronRoot{
      display:none;
    }

    .navbar{
        background-color:rgb(54, 121, 114);
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
        border-width: 0;
    }
    .navbar-brand{
        position: absolute;
        left: 45px;
    }

    .side-toggler-right{
        display:none;
    }
    .navbar-icon-container {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;

    }
    
    
    /* Hidden dropdown menu by default */
    .menu-list {
        position: relative;
        /* width: 100%;
        height: 100%; */
        display: block;
        z-index: 900;
        
        padding-left: 0px;
        text-align: center;
        list-style: none;
        font-size: large;
        font-weight: bold;
        visibility: hidden;

  
    }

    .menu-list > li {
        position: relative;
        /* padding: 10px; */
        /* background: #f4f4f4; */
        cursor: pointer;
        /* border-bottom: 1px solid #ddd; */
        /* margin-bottom: 5px; */
        /* text-decoration: underline; */
    }
    
    /* Dropdown menu content
    .menu-list ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: white;
    }
    
    .menu-list ul li {
        padding: 15px 20px;
        cursor: pointer;
    }
     */
    /* Hover effect */
    /* .menu-list ul li:hover {
        background-color: rgba(255, 255, 255, 0.281);
    } */
    .smartphone-dropdown-toggle{
        padding-right: 25px;
    }
   
    .smartphone_map{
        position: absolute;
        background-color: white;
		    border-radius: 50%;
        border:none;
        color: lightgrey;
        left: unset;
        bottom: unset;
        width: 25px;
        height: 25px;
        text-align: center;
        vertical-align: middle;
        scale: 1.7;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
      
    }
    .smartphone_map.clicked{
		color: rgb(54, 141, 134);
    border:1px solid !important;
	}

    /* Smartphone Map Menu */
    .SMARTMapSelection_checkbox{
      display:none;
    }
    
    .smartphone_map_modal {
        height:65dvh;
        position: fixed;
        display:flex;
        flex-direction: column;
        bottom: -100%; /* Initially hidden below the screen */
        left: 0;
        width: 100%;
        background: white;
        box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
        border-radius: 16px 16px 0 0; /* Rounded corners on top */
        transition: bottom 0.3s ease-out, visibility 0.3s ease-in-out;
        padding: 16px;
        max-height: 65dvh;
        
        z-index: 999;
    }
    .smartphone_map_modal-content{
        overflow-y: auto;
        overflow-x: hidden;
        padding-top:10px;
    }
    .smartphone_map_modal.open {
        bottom: 0; /* Slide up when open */
    }
    
    .smartphone_map_modal-header {
        text-align: center;
        font-weight: bold;
        padding: 10px;
    }
    
    .smartphone_map_modal-close {
        position: absolute;
        right: 16px;
        top: 8px;
        font-size: 24px;
        cursor: pointer;
        color: rgb(119, 119, 119);
        scale: 0.7;
        
    }
    

    .smartphone_param_modal {
        position: fixed;
        bottom: -100%; /* Initially hidden below the screen */
        left: 0;
        width: 100vw;
        transition: bottom 0.3s ease-out, visibility 0.3s ease-in-out;
        max-height: 65dvh;
        z-index: 999;
    }
    .smartphone_param_modal.open {
        bottom: 0; /* Slide up when open */
    }
    
    .smartphone_param_modal-header {
        text-align: center;
        font-weight: bold;
        padding: 10px;
    }
    
    .smartphone_param_modal-close {
        position: absolute;
        right: 16px;
        top: 8px;
        font-size: 24px;
        cursor: pointer;
        color: rgb(119, 119, 119);
        scale: 0.7;
        
    }
    
    .smartphone_param_modal-drag {
        width: 40px;
        height: 4px;
        background: #ccc;
        border-radius: 2px;
        margin: 10px auto;
    }
    .SmartphoneBaseMap input[type="radio"]:checked + label .map-option-image-wrapper {
        border: 2px solid #007bff;
    }

    /* .SmartphoneDetailMap input[type="checkbox"]:checked + label .map-option-image-wrapper {
        border: 2px solid #007bff;
    } */
    .SMARTDetailMap input[type="checkbox"]:checked + label .map-option-image-wrapper {
      border: 2px solid #007bff;
    }
    .smartphoneDetailMap input[type="checkbox"]:checked + label .map-option-image-wrapper {
      border: 2px solid #007bff;
    }
    .pulve_popup{
      display:none !important;
    }

        
    #SMART_water_data:checked + .map-icon-circle { border: 2px solid rgb(54, 141, 134); scale:1.1}  
    

    #SMART_soil_data:checked + .map-icon-circle { border: 2px solid rgb(54, 141, 134);scale:1.1 } 

    #SMART_pop_data:checked + .map-icon-circle{ border: 2px solid rgb(54, 141, 134);scale:1.1}  

    #SMART_infrastructure_data:checked + .map-icon-circle { border: 2px solid rgb(54, 141, 134);scale:1.1}  
    #SMART_other_data:checked + .map-icon-circle {border: 2px solid rgb(54, 141, 134);scale:1.1}  
    #SMART_agriculture_data:checked + .map-icon-circle  { border: 2px solid rgb(54, 141, 134); scale:1.1}  


    .map-option {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        padding: 10px;
        border-radius: 10px;
        transition: background 0.3s;
        list-style-type: none;
        flex-direction: column;
        font-size: 12px;
        font-weight:300;
        text-align: center;
        width: 23vw;
        margin-bottom:0px;
    }

    .map-option:focus{
        background: #d45858;
    }

    .map-option img {
        width: 60px; /* Adjust as needed */
        height: 60px;
        border-radius: 10px; /* Rounded corners */
        object-fit: cover;
    }

    .map-option-image-wrapper {
      padding: 2px; 
      background: white; 
      border-radius: 12px; 
      border: 2px solid white;
      box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
      transition: scale 0.3s;
  }

  .map-option-image-wrapper img {
      /* width: 100%;
      height: 100%; */
      border-radius: 10px;
      object-fit: cover;
      display: block;
  }
  .paramModalSmartphone {
        display: none; /* Start hidden */
        position: fixed;
        bottom: -65dvh; /* Position at the bottom of the screen */
        left: 0;
        width: 100%;
        height: 100%; /* Take up the full screen height */
        background-color: rgba(0,0,0,0);
        max-height:70dvh;
        z-index: 900;
        /* Smooth transition */
        overflow-x: hidden; /* Disable horizontal overflow */
        overflow-y: hidden; /* Initially hide vertical overflow */
    }
    
    /* Class for the div when it is 30% visible */
    .paramModalSmartphone.visible {
        display: block; /* Make it visible */
        height: 100%; /* Occupy only the bottom 30% of the screen */

    }
    
    /* Class to expand the div when clicked to show the full content */
    .paramModalSmartphone.expanded {
        height: 100%; /* Expand it to cover the full screen height */
        overflow-y: auto; /* Allow scrolling when expanded */
        overflow-x: hidden; /* Disable horizontal scrolling */
    }


    
    /* Class to show modal at 30% height */
    /* .paramModalSmartphone.visible {
        transform: translateY(70%);  /* Show at 30% of screen height */
        /* height: 30dvh; */
    /* } */ */
    
    /* Drag area */
    .smartphone_map_modal-drag {
        width: 50px;
        height: 5px;
        background: #ccc;
        border-radius: 5px;
        margin: 10px auto;
    }
        
    .picture_process{
        display:none;
    }
        
    
    

    .modal-backdrop{
        display:none;
    }
    .modal-dialog{
        margin:0px;
    }

    .modal-content{
        border-radius: 20px;
        overflow-y: auto;   
        overflow-x: hidden;
    }

    .smartphone_close{
        display:none;
    }

    .bouillie_container{
        flex-direction: column;
    }
    .product_datatable{
        width:100%
    }
    .bouillie_section{
        margin:0px;
        margin-bottom: 5px;
    }


    .btn_product_selection_button_box{
        width:40vw; 
        margin:10px;
        margin-bottom: 0px;
    }

    .cropname_div3{
        width:100%;
    }
    
    .sprayingDirection_div3{
        font-size:smaller;
        width:unset;
    }
    .line{
        width: 90vw;
        justify-content: center;
        border-top: 2px solid rgb(230, 230, 230);
        position: relative;
    }

    
    .modal-body {
        /* overflow-y: auto; Enables scrolling inside the modal */
        height:100dvh;
    }

    .modal-header{
        position: sticky;
        max-height: 65dvh;
        height: auto;
        min-height: unset;
  

    }
    .modal-dialog-smartphone{
        background-color: white;
        /* border-radius: 12px; */
        box-shadow: 0 3px 9px rgba(0,0,0,.5);
        display: flex;
        flex-direction: column;
        max-height: 65dvh;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    
    }
    .product_selection_button_box{
        background-color: white;
        width:100%;
        right:unset;
        position:unset;
        display:flex;
        justify-content: space-between;
        padding-top:unset;
    }

    .calculation_btn{
        float: right;
        margin : unset;
        border-radius: 20px;
        font-size: 20px;
        padding-left: unset;
        padding-right: unset;
        background-color: #fff;
        color: #0e9172;
        border-color: #187b72;
        font-weight: 900;
        transition: all .2s;
        width: 100%;
        text-align: center;
        
    }
    .ol-popup{

    
      left: -70px !important;
      max-width: 80vw;
      min-width: unset !important;
      width: 80vw;
      transform: scale(0.8);
      transform-origin: bottom;
    }
    

    .static_circle{
        border-radius: 50%;
        display: flex;
        font-size: 24px;
        box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
        width: 60px;
        height: 60px;
        align-items: center;
        vertical-align: top;
        justify-content: center;
        flex-shrink:0;
    }

    .about_smart{
        padding-top:15px;
        display: flex;
        flex-direction: row;
        font-size: small;
        overflow-y:hidden;
        overflow-x: auto;
    }

    .about_smart .active {
        color: red;
    }

    .about_smart_linebreak::before {
        content: "\A"; /* \A is a line break */
        white-space: pre; /* Allows the line break to render */
    }
    @import url('https://fonts.googleapis.com/css?family=Nunito:400,700');

    
      .smart-menu-content .menu-list {
        display: block;
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        height:100%;
        z-index:999;
      }
      .smart-menu-content .menu-list::before {
        background: rgba(0, 0, 0, 0.5);
        content: "";
        height: 100dvh;
        left: 0;
        top: 0;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        width: 100%;
        transition: all 0.3s;
      }
      .smart-menu-content .menu-list li {
        border-bottom: 1px solid #ddd;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-20px);
        transition: all 0.3s;
      }
      .smart-menu-content > .menu-list > li > a {
        background: #fff;
        color: #08350f !important;
        display: block;
        font-size: 18px;
        font-weight: 700;
        padding: 12px 20px;
        text-align: left;
        width: 100%;
        transition: all 0.3s;
      }

    
      .smart-menu-content .menu-list li a:hover {
        color: rgb(54, 121, 114);
      }
      
      #hamburger1 {
        position: absolute;
        width: 1px;  /* Keeps it functional */
        height: 1px; /* Keeps it functional */
        opacity: 0;  /* Hides it */
        z-index: 10; /* Ensures it's not in the way */
    }

      #hamburger1:checked + #hamburger1_label {
        border: 4px solid silver;
        border-radius: 50%;
        height: 28px;
        top: 10px;
        left: 18px;
        width: 28px;
        transform: rotate(-135deg);
      }
      #hamburger1:checked + #hamburger1_label::before {
        background: silver;
        top: 8px;
        left: 4px;
        width: 12px;
      }
      #hamburger1:checked + #hamburger1_label::after {
        background: silver;
        opacity: 1;
        top: 8px;
        left: 4px;
        visibility: visible;
        width: 12px;
      }
      #hamburger1:checked + #hamburger1_label:hover {
        border-color: rgb(255, 255, 255);
      }
      #hamburger1:checked + #hamburger1_label:hover::before, #hamburger1:checked + #hamburger1_label:hover::after {
        background: rgb(255, 255, 255);
      }
      #hamburger1:checked ~ .menu-list::before {
        opacity: 1;
        visibility: visible;
      }
      #hamburger1:checked ~ .menu-list li {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }
      #hamburger1:checked ~ .menu-list li:nth-child(1) {
        transition-delay: 0s;
      }
      #hamburger1:checked ~ .menu-list li:nth-child(2) {
        transition-delay: 0.1s;
      }
      #hamburger1:checked ~ .menu-list li:nth-child(3) {
        transition-delay: 0.2s;
      }
      #hamburger1:checked ~ .menu-list li:nth-child(4) {
        transition-delay: 0.3s;
      }
      
      #hamburger1_label {
        background: none transparent;
        border: 4px solid white;
        border-left: 0 solid transparent;
        border-right: 0 solid transparent;
        cursor: pointer;
        display: block;
        height: 24px;
        position: absolute;
        top: 10px;
        left: 10px;
        width: 24px;
        transition: all 0.2s;
      }
      #hamburger1_label::before {
        background: white;
        content: "";
        height: 4px;
        left: 0;
        position: absolute;
        top: 6px;
        width: 24px;
        transition: all 0.2s;
      }
      #hamburger1_label::after {
        background: rgb(255, 255, 255);
        content: "";
        height: 4px;
        left: 0;
        position: absolute;
        top: 6px;
        opacity: 0;
        visibility: hidden;
        width: 100%;
        transform: rotate(90deg);
        transition: all 0.2s;
      }

      .smartphone_aboutModal{
        top:50px;
        z-index:950;
        overflow:scroll;
      }
      .smartphone_aboutModal-dialog{
        padding:unset;
        overflow: unset;
        overflow-y: unset;
        overflow-x: unset;
      }
      .smartphone_aboutModal-content{
        width:100vw;
        padding:unset;
        border-radius:unset;
        overflow: unset;
        overflow-y: hidden;
        overflow-x: hidden;
        display:flex;
        flex-direction:column;
        height:calc(100dvh - 50px);
      }
      .smartphone_aboutModal-header{
        position:sticky;
        display: flex;
        flex-direction: column;
        top: 0;
        background: white;
        z-index: 999;
        
      
      }
      .smartphone_aboutModal-close{
        position: absolute;
        right: 20px;
      }
      .smartphone_aboutModal-title{
        font-size:18px;
        font-weight:bold;
        
      }
      .smartphone_aboutModal-body{
        
        flex-grow: 1;
        overflow-y:auto;

      }

      .smartphone_aboutModal-footer{
        flex-shrink: 0;
        position: sticky;
        bottom: 0px;
        background: white;
      }

      .smartphone_helpModal{
        top:50px;
        z-index:950;
      }
      .smartphone_helpModal-dialog{
        padding:unset;
      }
      .smartphone_helpModal-body{
        flex-grow: 1;
        overflow-y:auto !important;
      }
      .smartphone_helpModal-content{
        width:100vw;
        padding:unset;
        border-radius:unset;
        display: flex;
        flex-direction: column;
        height: calc(100dvh - 50px);
      }
      .smartphone_helpModal-header{
        position:sticky;
        display: flex;
        flex-direction: column;
        top: 0;
        background: white;
        z-index: 999;
      
      }
      .smartphone_helpModal-close{
        position: absolute;
        right: 20px;
      }
      .smartphone_helpModal-title{
        font-size:18px;
        font-weight:bold;
        padding:10px;
        
      }

      .outils_complementaires_chevron .css-chevron-down {float:right;
      }
      .css-chevron-down {
      transition: transform ease-out 0.2s;
      margin-left: auto;
      margin-right:0;
      }
      .rotate .css-chevron-down {
      transition: transform ease-out 0.2s;
      transform: rotate(-180deg)
      }
  
      

      /* .smartphone_helpModal-title{
        padding:10px;
      } */
      .help-image-container > a{
        scale:0.8;
      }

      .help-image-container > a > img{
        margin:0px;
      }

      .help-toggle{
        padding:10px;
       }
       .help-dropdown-content{
        padding-left:unset;
       }
       .help-image-container {
        justify-content: center;
       }

       .help-dropdown-content > ul {
        padding:0px;
       }
       
       .about_smart li {
        display: flex;
        flex-direction: column;
        align-items: center; /* Center icon and text */
        width: 120px; /* Adjust width */
        text-align: center;

      }
    
      .about_smart i {
        font-size: 15px; /* Adjust icon size */
    
      }
    
      .about_smart span {
        width: 100%; /* Full width for text */
        display: block;
        white-space: nowrap;
      }

      .toggle-submenu {
        position: relative;
        text-align: center;
      
      }
      
      .toggle-submenu input {
        display: none; /* Hide the checkbox */
      }
      
      .toggle-submenu label {
        display: block;
        background: #ffffff;
        cursor: pointer;
        text-align: left;
        padding: 12px 20px;
        color: #08350f !important;
        margin-bottom: unset;
      }
      
      .toggle-submenu .submenu {
        display: block; /* Make it block so transition works */
        position: relative;
        background: white;
        
        text-align: left;
        max-height: 0; 
        overflow: hidden; /* Hide content outside of the container */
        opacity: 1; 
        transition: max-height 0.5s ease; /* Smooth transition for height  */
        list-style-type: none;
      }
      
      .toggle-submenu input:checked ~ .submenu {
        max-height:400px; /* Adjust max height to the size of the submenu */
        opacity: 1; /* Show the submenu */
        border: 1px solid #ccc;
        
        
      }
      
      .submenu li {
        padding: 8px 0;
        padding-right: 10px;
      }

      .submenu-a {
        font-size: 14px;
        color: #08350f;
      }

      .id_btn{
        position: absolute;
        right: 26px;
        top: 15px;
      }

      .smartphone_loginModal{
        width: 100vw;
        position: absolute;
        top: 50px;
        background: #000000bf;
        height: auto;
      }

      .smartphone_loginModal-content{
        width: 70vw;
        top: 20dvh;
        height: 300px;
        overflow: hidden;
        left: calc(10vw + 10px);
      }

      .smartphone_loginModal-body{
        height:auto;

      }
      .smartphone_brand{

        padding-left:0px;
      }
      .main_btn_container{
        display:none;
      }

      .SMARTDetailMap li {
        /* flex:1; */
        text-align:center;
      }

      .SMARTDetailMap{
        display:flex; 
        justify-content:space-evenly; 
        padding:0px; 
        height:120px; 
        margin-bottom:0px;
      
      }

      .smartphone_parcelle_nav{
        max-height: 65dvh;
        width: 100vw;
        height: 65dvh;
        position: absolute;
        top: unset;
        right: unset;
        bottom: -100%;
        border: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        align-content: center;
        box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.8);
        transition: bottom 0.3s ease-out, visibility 0.3s ease-in-out;
        
      
      }
      .smartphone_OSM_contributors{
        position: absolute;
     
        display: block;
        bottom: 0;

        right: 0px;
        background: rgba(255,255,255,0.7);
        padding-right: 10px;
        padding-left: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        color: rgba(0,0,0,0.8);

      }

      .parcelleNav-header{
        position: sticky;
        top: 0px;
        background-color: white;
        z-index:999;
      }

      .h3-parcelleNav-smartphone{
        padding-left:0px;
        padding-top:20px;
        color:black;
        font-size:18px;
        margin-top:0px;
      }
      

      .closebtn{
        display:none !important;
      }

      .h3-parcelleNav-smartphone{
        text-align:center;
      }

      .smartphoneDetailMap{
        padding: 0 10px;
        flex:unset;
      }

      .draggable_parcelle{
        touch-action: none;
      }
      .draggable_map{
        touch-action: none;
      }
      .draggable_process{
        touch-action: none;
      }
      .drag-handle{
        position: relative;
     
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 6px;
        background-color: lightgray;
        border-radius: 3px;
        margin-bottom:10px;
      }

      .text-position{
        
        right:unset !important;
        left:unset !important;
        width:100% !important;
      }
      .text-content{
        right: unset !important;
        left: unset !important;
        text-align: center !important;
        width:100% !important;  

      }

      .wizard{
        width:80px !important;
      }

      .right-btn-flexbox{
           color:#4b957c;
           display: flex;
           flex-direction: column;
           justify-content: space-evenly;
           align-items: center;
           top: 25px;
          position: absolute;
          right: 45px;
          height: 200px;
              
      }

      .btn_process_map_div{
        display:none;
      }

      .partner-sidelist {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        justify-content: center;
        align-items: center;
        padding: 0;
        
      }
      .partner-header-arrow{
        color : rgb(54, 141, 134);
        scale : 3;
        display:flex;
        justify-content: center;
        padding : 30px 0px;
      }




}

@media screen and (max-height: 701px) {
  .smartphone_map_modal {
    height:65dvh;
    max-height:65dvh;
  }

  .smartphone_param_modal {
    height:65dvh;
    max-height:65dvh;
  }
  .smartphone_parcelle_nav {
    height:65dvh;
    max-height:65dvh;
  }

  .right-btn-flexbox{
    transform:scale(0.9);
    right:43px;
  }
  .smartphone_param_modal{
    font-size: small;
  }
  .modal-title{
    font-size:14px;
    
  }
  .main_btn_container{
		bottom:20px;
	}
 
}