* {
    margin: 0;
    padding: 0;
    outline: none;
    list-style: none;
    text-decoration: none;
    font-family: "Noto Sans Armenian", "Open Sans", "lucida grande", tahoma, arial, sans-serif;
    box-sizing: border-box;
    line-height: 1.5;

}

html {
    touch-action: manipulation;
}

/*#search_submit{*/
/*    width:25px;*/
/*    height:25px;*/
/*    background-color:#fff;*/
/*    background-image:url(/public/images/icon/search.svg);*/
/*    background-position:center;*/
/*    background-repeat:no-repeat;*/
/*    background-size:25px;*/
/*}*/

hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.ditel_en{
    background-color: #ededed;
    padding:7px;
    margin-left:10px;
    border-radius: 100px;
}

.menu_1 li{
/* color:red; */
display:block;
/* background-color: #007d05; */
/* height:80px; */
}

.menu_1 li div{
    /* display:none;
    position:absolute;
    z-index:100; */

    display: none;
    position: absolute;
    z-index: 100;
    background: #fff;
    -webkit-box-shadow: 0px 1px 15px #0000002e;
    box-shadow: 0px 1px 15px #0000002e;
    top: 80px;
    padding: 20px;
    margin-left:-80px;
    border-radius: 10px;

    }

.menu_1 li:hover div{
    display:block;

    }
    
    

.mony_home > h1{
    font-size: 35px;
}
.mony{
    margin-left: auto;
    margin-right: auto;
}
.view-profile-image-box{
    margin-left: auto;
    margin-right: auto;
}
.navbar_avatar{
    width:35px;
    height:35px;
    overflow:hidden;
    border-radius:100px;
    margin-right:15px;
}

.navbar_avatar img{
    width:100%;
    margin-left:0px;
   
}
.min_navbar{
    width:100%;
    height:60px;
    background:#fff;
    border-bottom:1px solid #f3f3f3;
    position:fixed;
    top:0;
    left:0;
    display: none;
    z-index:10;
}

.m_min_content ul{
margin:0;
padding:0;
}
.m_min_content ul h3{
    border-bottom:1px solid #fdfdfd;
     padding:20px 15px;
     display:flex;
     align-items: center;
     width:81%;
     }
.m_min_content ul li{
   border-bottom:1px solid #fdfdfd;
    padding:8px 15px;
    }
.back_search,.back_menu,.back_settings1{

position:absolute;
    right:15px;
    top:15px;
    z-index:9999999;
    background:none;
    display:none;
}
.logo_min{
    height:100%;
    margin-left:15px;
}

.menu_min{
    height:42%;
    margin-right:15px;
}
.top_left_panel{
    
    width:25%;
}

.top_right_panel{
    
    width:75%;
    display:flex;
    justify-content: flex-end;
    align-items: center;
}



.grid_top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.grid_top .grid_top_box {
    display: flex;
    margin-bottom: 30px;
}

.grid_top .auth_home_avatar {
    width: 100px;
    height: 100px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.grid_top .auth_home_user_info {
    display: grid;
    padding-left: 15px;
    grid-gap: 10px;
}

.grid_bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    padding: 30px 0px;
}

.s_a_left{
    position:absolute;
    z-index:1;
    bottom:20px;
    left:20px;
    padding:13px;
    margin:0;
    border:none;
    border-radius:3px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.s_a_right{
    position:absolute;
    z-index:1;
    bottom:20px;
    left:64px;
    padding:13px;
    margin:0;
    border:none;
    border-radius:3px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.ajax-loader{
    width:100%;
   
      color:#fff;
       height:400px;
        display:flex;
         align-items:center;
          justify-content:center;
  }


  .lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #999;
  }
  .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
  }
  @keyframes lds-spinner {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  .radio{
      /* width:100%;
      height:100%; */
      position:absolute;
    width:30px;
-webkit-appearance: none;
    height:30px;
    background:#ababab;
    right:10px;
  }

  .radio:checked{
  background:#383838;

}


.form-controll{
    padding: 10px 15px;
    color: #4a4a4a;
    display: flex;
    align-items: center;
    gap: 10px;
    position:relative;
    overflow:hidden;
}

.pagination{
    font:16px "Noto Sans Armenian", "Open Sans", "lucida grande", tahoma, arial, sans-serif;
}

.error{
    background: #fff1f1;
    color: #dc0000;
    border-radius: 100px;
    padding: 10px;
}

.success {
    background: #deffb9;
    color: #007d05;
    border-radius: 100px;
    padding: 10px;
}



.btn-green{
/* background-color: #63ba16;
border-radius: 100px; */
border:none;
color: #fff;

background-color: #2f2f2f;
    padding: 8px 15px;
    border-radius: 100px;
    /* text-align: center; */
    justify-content: center;
}
.logo{
    height:60px;
}

.phone-line a{
    display:flex;
    align-items: center;
    padding:3px 0px;
    gap:5px;
}

.phone-line a span{
    font:18px "Noto Sans Armenian", "Open Sans", "lucida grande", tahoma, arial, sans-serif;
    line-height: 1.5;
}
.header-title > .t{
    white-space: nowrap;
    font-size: 20px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    
    color:#000;
}
.header-title > .ts{
    white-space: nowrap;
    font-size: 18px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    
    color:#585858;
}
.header-title > .tss{
    white-space: nowrap;
    font-size: 15px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    
    color:#585858;
}
.header-title h4{

    white-space: nowrap;
    font-size: 15px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}
.header-title{
    padding:10px 0px;
    display:flex;
    align-items: center;
    gap:5px;

}
.arrow-right{
    width:12px;
}
.arrow-right-nav{
    width:10px;
    position:absolute; 
    right:15px;
}

.arrow-right-nav-back{
    width:13px;
    margin:0;
   
}

.nav-back-strong{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
::-webkit-scrollbar{
    width:0px;
    height:0px;
    background:#fff;
    border-radius:100px;
}

h1 {
    line-height: 50px;
}
.tops_item{
    background:#63ba160f;

}
.packages-list{
   
    display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:30px; row-gap:30px;
}
.packages-item{
  
    box-shadow: 0px 10px 30px #0000001a;
    border-radius: 30px;
    padding: 30px 15px;
    text-align: center;
}

.h3{
    font-size: 18px;
    /* line-height: 1.3; */
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color:#000;
    margin-top:15px;
    
}

.full_status_moxraguyn{
    position: absolute;
    left: 15px;
    background: #1c1c1ca1;
    color: #fff;
    z-index: 1;
    padding: 10px;
    border-radius: 5px;
    top: 15px;
    align-items: center;
    display: block;
  }

  .d_s{

  
    background: #525252;
    color: #fff;
    z-index: 1;
 
    border-radius: 100px;
    
    align-items: center;
    display: block;
  }

  .full_status_red{
    position: absolute;
    right: 15px;
    background: #f44336;
    color: #fff;
    z-index: 1;
    padding: 10px;
    border-radius: 5px;
    top: 15px;
    align-items: center;
    display: block;
  }
  


.item > h3{
    font-size: 18px;
    line-height: 1.3; 
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding:15px 0px;
    width:80%;
}

h3>a {
    color: #1a0dab;
}


header {
    width: 100%;

    background: #fff;
    box-shadow: 0px 2px 5px #0000000a;
    transition:0.3s ease;
}



a {
    color: #4a4a4a;
}

input {
    border-radius: 100px;
    border: 1px solid #0000000d;
    box-shadow: rgb(0 0 0 / 5%) 0px 2px 5px;
   
    font-size: 14px;
    width: 100%;
}

.search_span{
    /* background:#f7f7f7; */
    padding:5px 10px;
    border-radius: 100px;
    cursor:pointer;
    color: #535353;
    font-size: 14px;
 display: inline-flex;
 gap:5px;
}

header>.navbar {
    width: 1000px;
    margin: 0 auto;

    height: 80px;
    display: flex;
    align-items: center;
    gap: 50px;
}

header>.navbar>.left {
    width: 10%;
}

header>.navbar>.center {
    width: 70%;
    
}

header>.navbar>.center>input {
    width: 100%;
    padding: 10px;
}

header>.navbar>.right {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header>.navbar>.right>ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

section {
    width: 1000px;
    margin-top: 0px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
  
    
}

.container {
    display: flex;
    gap: 30px;
   
}

.container_order{
    display: grid;
    animation: dddddd 0.3s;
}

.container_order_2{
    display: grid;
    animation: dddddd 0.3s;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 30px;
}

.left-panel {
    width: 25%;
    /* background: #274673; */
    display:none;
}

.left-panel ul li a {
    padding: 7px 0px;
    position:relative;
    display: flex;
    align-items: center;
    font:16px "Noto Sans Armenian", "Open Sans", "lucida grande", tahoma, arial, sans-serif;
    line-height: 1.5;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.left-panel ul li a:hover {
   background:#efefef;
  
}

.left-panel ul ul {
    border-radius:10px;
   visibility: hidden;
   opacity:0;
   transform: translateX(20px);
   transition: 0.3s ease;
   background:#fff;
   position:absolute;
   z-index:5;
   margin-left:250px;
   top:150px;
   padding:0px;

   box-shadow:1px 1px 15px #0000002b;
   height:300px;

}

.left-panel ul ul li a{
    padding: 7px 15px;
    transition: 0.3s ease;
}
.left-panel ul ul li a:hover{
    padding: 7px 20px;
    transition: 0.3s ease;
}


.left-panel ul li{
   width:250px;
 }

.left-panel ul li:hover > ul {
    visibility: visible;
   opacity:1;
   transform: translateX(0px);
   transition: 0.3s ease;
    background:#fff;
    position:absolute;
    z-index:5;
 }

.left-panel ul ul ul{
    visibility: hidden;
    opacity:0;
    transform: translateX(20px);
    transition: 0.3s ease;
    margin-top:-150px;
    position:absolute;
    z-index:5;
    height:300px;
 }


 .container>.content {

position:relative;
overflow:hidden;
animation: dddddd 0.3s;
padding: 15px;
}


.container>.content-panel {
    width: 1000px;
position:relative;
overflow:hidden;
animation: dddddd 0.3s;
}

.sign-in-panel {

animation: dddddd 0.3s;
}





.container>.content-panel-error {
    width: 75%;
position:relative;
overflow:hidden;
display:flex;
justify-content: center;
align-items: center;
}

.item {
   
    padding-bottom: 35px;
    position: relative;
    box-shadow: 0px 5px 6px #00000008;
}


.item_2 {
    padding-bottom: 35px;
    position: relative;
  
    border-radius: 30px;
    padding: 15px 30px;
    box-shadow: 0px 0px 15px #0000001c;
   
}

.item_L {
    padding-bottom: 35px;
    position: relative;
  
    border-radius: 30px;
    padding: 15px 30px;
    box-shadow: 0px 0px 15px #0000001c;
  
}
.subss{
    padding:20px;
}

.subss li a{
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding:5px 10px;
}
.subss li a img{
    width:18px;
}

.item_2>.item_2-box {
    display: flex;
    gap: 20px;
}

.item_2>.item_2-box>.left {
    width: 156px;
    max-height: 120px;
    border-radius: 10px;
    overflow: hidden;
}
.min_p{
    margin-right:7.5px;
}
.max_p{
    margin-left:7.5px;
}
.max_p,.min_p{
    padding: 10px;
    text-align: center;
}

.item_2>.item_2-box>.user-item_2-img {
    width: 200px;
    max-height: 90px;
    border-radius: 10px;
    overflow: hidden;
}

.item_2>.item_2-box>.center {
    width: 540px;

}

.item_2>.item_2-box>.right {
    width: 60px;

    display: flex;
    justify-content: center;
    align-items: center;

}

.item_2>.item_2-box>.left>img {
    height: 100%;
}







.item>.item-box {
    display: flex;
    gap: 20px;
}

.item>.item-box>.left {
    width: 156px;
    max-height: 120px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}


.item>.item-box>.user-item-img {
    width: 200px;
    max-height: 90px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item>.item-box>.user-item-img > a > img{
    width:220px;
}

.item>.item-box>.center {
    width: 750px;

}

.item>.item-box>.right {
    width: 60px;

    display: flex;
    justify-content: center;
    align-items: center;

}

.item>.item-box>.left>img {
    height: 100%;
}

strong {
    line-height: 40px;
    font-size:16px;
}

.date-time {
    position: absolute;
    bottom: 5px;
    right: 0px;
   
    font:13px "Noto Sans Armenian", "Open Sans", "lucida grande", tahoma, arial, sans-serif;
}

footer{
    display: flex;
    justify-content: center;
    align-self: center;
    text-align: center;
    padding:100px 0px;
            }
            p{
                color:#4a4a4a;
                font:16px "Noto Sans Armenian", "Open Sans", "lucida grande", tahoma, arial, sans-serif;
                line-height:25px;
                    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
            }



            .full-container {
                display: flex;
                gap: 50px;
            
            }



            .full-container>.content-panel {
                width: 60%;
            position:relative;
            overflow:hidden;
             animation: dddddd 0.3s;
            }

         
            
            .full-container>.right-panel {
                width: 29%;
            position:relative;
            overflow:hidden;
            
            }

            .full-container>.right-panel > .user{
                padding-bottom: 15px;
            }
        
             .full-container>.right-panel > .user > .user-avatar > a{
                margin:0;
                padding:0;
                width:50px;
                height:50px;
                overflow:hidden;
                border-radius:100px;
                display: block;
            }
             .full-container>.right-panel > .user > .user-avatar > a img{
                 height:102%;
             }
            




            .full-item{
                display:flex;
                justify-content: center;
                border-radius: 10px;
                overflow: hidden;
                margin: 15px 0px;
                position: relative;
                max-height: 400px;
    align-items: center;
            }

            .full-item > img{
                width:100%;
            }

            .full-h1{
              
                margin: 0;
                padding: 0;
                font-size: 20px;
                line-height: 1.3;
                font-weight: normal;
                color: #1a0dab;
            }

            .nman-items > .n-item{
                display:flex;
                gap:15px;
                
            }
            .relative{
                position: relative;
            }
            .left_0{
                left: 0px;
                padding: 5px;
                top: 0px;
                font-size:12px;

                font-weight: normal;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }
            .nman-items > .n-item > .item-img{
                width:100px;
                height:67px;
                overflow:hidden;
                border-radius:10px;
                margin-bottom:15px;
                display:flex;
                align-items: center;
                justify-content: center;
                position: relative;
            }
            .nman-items > .n-item > .item-img > a img{
               width:170%;
            }
            .nman-items > .n-item > .item-info{
                width:60%;
                overflow:hidden;
            }
            .nman-items > .n-item > .item-info > h5{
                font-size: 14px;
                /* line-height: 1.3; */
                font-weight: bold;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

            .whatsapp-icon, .phone-icon, .wiber-icon{
                width:15px;
            }
     .user-info > p{
         display: flex;
         align-items: center;
         gap:10px;
     }

     .form{
         width:100%;
         display:flex;
        position:relative;
        overflow:hidden;
        align-items: center;
        padding:15px 0px;
     }

     .form > input[type='text']{
         width:100%;
         padding:8px 15px;
     }
     .form > button{
       
      
        position:absolute;
        right:15px;
        border:none;
        /*background:#fff;*/
        border-top-right-radius:100px;
        border-bottom-right-radius:100px;
        margin-bottom:-7px;
        
    }

    .full_item_description{
        font:16px "Noto Sans Armenian","Open Sans","lucida grande",tahoma,arial,sans-serif;
        line-height: 1.6;
        padding:15px 0px;
    
    }

/* 
.region{
    font-family: "Noto Sans Armenian","Open Sans","lucida grande",tahoma,arial,sans-serif;
    line-height: 1.6;
    font-size:15px;
} */
    .city{
        font:16px "Noto Sans Armenian","Open Sans","lucida grande",tahoma,arial,sans-serif;
        line-height: 1.6;
    }

    .count_item{
        position:absolute;
       
        right: 22px;
        background: #fff;
        padding: 10px 7px;
    }




.status_box{
    margin-bottom:10px;
    display:flex;
    gap:5px;
  
}

.red{
    background: #f44336;
}

.moxraduyn{
    background: #525252;
}


.status{
    
    color:#fff;
    font: 13px arial;
    border-radius: 100px;
    padding:5px 10px;




    white-space: nowrap;

    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
  
   
}



/* 50 / 120 / 300 / 900 / 3000 /  */










.user-avatar{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
}

.user-avatar > img{
    height:100%;
    min-width:40px;
}
.order_sidebar > li{
   
   height:110px;
   line-height:110px;
    }

.order_sidebar li .sub{
display:none;
}

.order_sidebar li:hover .sub{
    display:block;
    
    }



.sub{
    display:none;
    background: #fff;
    width: 300px;
    position: absolute;
 z-index:2;
    padding: 30px;
    -webkit-box-shadow: 0px 5px 15px #0000002e;
    box-shadow: 0px 5px 15px #0000002e;

    animation: dddddd 0.3s;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    top:80px;
    margin-left: 0px;
    
}

.user-for-navbar{
    display:flex;
    align-items:center;
    gap:10px;

    height:110px;
}






.user-for-navbar:hover .sub{
    display:block;
}


.sub li a{
    padding:7px 10px;
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;

}
.sub li img{width:12px}









    @keyframes dddddd{
        from{
          opacity:0;
            transform:translateY(10px); 
            /* margin-top:15px; */
            transition:0.3s ease; 
        }
    
        to{
        opacity:1;
            transform:translateY(0px); 
            /* margin-top:0px; */
            transition:0.3s ease;
        }
    }












    /* ////////////------------------verji navbar---------------------------------------///////////////// */

    .sidebar{
        width:250px;
     
    }
    .sidebar > li{
        /* border-bottom:1px solid #ececec; */
        border-bottom: 1px solid #efefef63;
    }
    
    .sidebar li{
        padding:10px;
        list-style:none;
        cursor:pointer;
        
    }
    .sidebar ul{
        margin:0;
        padding:0;
    }
    .sidebar a{
        text-decoration:none;
        color:#222222;
        cursor:pointer;


    }
    
    .sidebar .s_sub{
    margin-left:200px;
      display:grid;
      position:fixed;
      grid-template-columns: repeat(2, 1fr);
      top:80px;
     
      background:#fff;
      z-index:10;
      -webkit-box-shadow: 0px 1px 15px #0000002e;
      box-shadow: 0px 1px 15px #0000002e;
      border-radius:10px;
    max-height:800px;
    min-height:180px;
    overflow:auto;
    padding:30px;
    grid-gap: 15px;

  opacity:0;
  visibility:hidden;
  /* transition:0.3s ease; */
 transform:translateX(-10px);
    }
    
    .sidebar li:hover .s_sub{
        display:grid;
        opacity:1;
        visibility:visible;
        /* transition:0.3s ease; */
        transform:translateX(0px);
    }


    .sidebar .s_sub ul li{
        padding:0;
        margin:0;
    }
    .sidebar .s_sub ul li a{
        padding:5px 0px;
        margin:0;
        display:block;
    }
 

    .active >a{
        color:#1a0dab;
    }

    .dark_btn{
        width:100%;
         border-radius:100px;
          background: #383838; 
          color:#fff;
          border:none;
    }


/* admin */

.insert_list{
    display: grid;
    -ms-grid-columns: 1fr 0px 1fr 0px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    row-gap: 30px;
    padding:15px;
  
}

.no-shadow{
    box-shadow: rgb(0 0 0 / 0%) 0px 2px 5px;
}
.no-border{
    border:none;
}

.border-1{
    /* border: 1px solid #0000007a; */
    /* box-shadow: 0px 0px 20px #00000026; */
    box-shadow: 0px 0px 15px #00000026;
}

.radius-100{
    border-radius: 100px;
}

.message{
    display:none;
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #00000030;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    visibility: hidden;
    opacity: 1;
    z-index: 99999;
}

.popup-box {
    width: 300px;
    height: auto;
    background: #fff;
    border-radius: 0px;
    transition: 0.3s ease;
    transform: translateY(0px);
    opacity: 1;
    border-radius: 30px;
}

.popup-close {
    border: none;
    background: none;
    padding: 15px;
    outline: none;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
}

.popup-body {
    padding: 40px;
}

.header-title {
    /* border-bottom: 1px solid #f3f3f3b8; */
    padding-bottom: 15px;
    margin: 0;
    cursor: pointer;
}

.sub_p {
    margin: 0;
    padding: 0px;
    /* height: 300px; */
    overflow: auto;
    max-height: 350px;
}
.sub_p li{
    padding:5px 0px;
    color: #545454;
    cursor:pointer;
}

.full_item_date {
    font-size: 12px;
    color: #545454;
   padding:10px 0px;
    float:right;
    margin-right: 15px;
    
}

button{
    border:none;
}

.auto_substr{

    /* line-height: 1.3; */
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
max-width:350px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.auth_home{
    /* box-shadow: 0px 0px 30px #00000026; */
    box-shadow: 0px 0px 15px #0000001c;
    padding: 30px;
    border-radius: 30px;
}

.shtap_min{
    /* width:15px;
    height:15px;
    background:#f44336;

    left: 5px;
    top: 5px;
    border-radius:100px;
    position: absolute; */

    width: 20px;
    height: 20px;
    position: absolute;
    border: 5px solid #ffd3d3;
    right: 5px;
    border-radius: 100px;
    top: 5px;
    z-index: 1;
    background: red;
    overflow: hidden;
}

.blank{
    margin-bottom:30px;
}

.min_navigation{
    display:none;
    position:fixed; top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:#fff;
    z-index:9999999999999999999;
}
.full-container>.h3{
    margin-top:-20px;
}

.add_image_and_description{
    display:grid; grid-template-columns:repeat(2, 1fr); margin-top:15px; grid-gap:15px; row-gap:0px;
}
#output{
    column-count:3;
}

@media(max-width: 1150px) {
    section{
width:80%;
    }
    .container>.content-panel{
        width:100%;
    }
    .container{
display:block;
    }

    .full-container{
        display: flex;
        gap: 20px;
    }
    .full-container>.content-panel{
        width:65%;
    }
    .full-container>.right-panel{
        width:35%;
    }
    .full-container>.h3{
        margin-top:0px;
    }
    
    


}

@media(max-width: 1024px) {
    header{
display:none;
    }
    .left-panel{
        display:none;
    }
    section{
width:85%;
    }
    .container>.content-panel{
        width:100%;
    }
    .container{
display:block;
    }

    .full-container{
        display: flex;
        gap: 20px;
    }
    .full-container>.content-panel{
        width:65%;
    }
    .full-container>.right-panel{
        width:35%;
    }
    .full-container>.h3{
        margin-top:0px;
    }
    
        .item>.item-box>.left{
            width: 240px;
    max-height: 120px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;

    justify-content: center;
    align-items: center;

    }




}

@media(max-width: 880px) {
    section{
width:80%;
    }
    .container>.content-panel{
        width:100%;
    }
    .container{
display:block;
    }



    .full-container{
        display: grid;
        gap: 20px;
    }
    .full-container>.content-panel{
        width:100%;
    }
    .full-container>.right-panel{
        width:100%;
    }
    .full-container>.h3{
        margin-top:0px;
    }


    .grid_top{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
    }
    .auth_home{
        box-shadow: 0px 0px 15px #0000001c;
        padding: 30px;
        border-radius: 30px;
        overflow: hidden;
    }

    .grid_bottom {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
        padding: 15px 0px;
    }

    .container_order_2 {
        display: grid;
        animation: dddddd 0.3s;
        grid-template-columns: repeat(1,1fr);
        grid-gap: 30px;
    }

    .insert_list {
        display: grid;
        -ms-grid-columns: 1fr 0px 1fr 0px 1fr;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
        row-gap: 30px;
        padding: 15px;
    }

    .add_image_and_description{
        display:grid; grid-template-columns:repeat(1, 1fr); margin-top:15px; grid-gap:15px; 
    }

    #output{
        column-count:2;
    }
    
    .item>.item-box>.left{
            width: 320px;
    max-height: 120px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;

    justify-content: center;
    align-items: center;

    }
    
    .header-title{
    padding:10px 0px;
    display:none;
    align-items: center;
    gap:5px;

}


}


@media(max-width: 650px) {
    section{
width:90%;
    }
    .container>.content-panel{
        width:100%;
    }
    .container{
display:block;
    }

    .full-container{
        display: grid;
        gap: 20px;
    }
    .full-container>.content-panel{
        width:100%;
    }
    .full-container>.right-panel{
        width:100%;
    }
    .full-container>.h3{
        margin-top:0px;
    }
    .min_navbar{
        display: none;
        /*display: flex;*/
    }
    
    
    
        .item>.item-box>.left{
            width: 320px;
    max-height: 120px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;

    justify-content: center;
    align-items: center;

    }


}


@media(min-width: 650px) {

    
    
        .item>.item-box>.left{
            width: 191px;


    }


}

@media(max-width: 414px) {


    .packages-list{
        grid-template-columns: repeat(1, 1fr);
    }
    .grid_top .grid_top_box{
        display:block;
    }
    .grid_top .auth_home_avatar{
        margin:0 auto;
    }
    .grid_top .auth_home_user_info{
        padding-left:0px;
        text-align: center;
    }
    .mony_home > h1{
        font-size: 25px;
    }
    .min_navbar{

         display: none;
        /*display: flex;*/
      
    }




    .left-panel{
        display:none;
    }


    section{
width:90%;
margin-top:60px;
    }
    .container>.content-panel{
        width:100%;
    }
    .container{
display:block;
    }

    .item>.item-box>.left{
        width:50%;
    }

    .item>.item-box>.center{
        width:40%;
    }
    .item>.item-box>.right{
        width:10%;
    }

    .full-container{
        display: grid;
        gap: 0px;
    }
    .full-container>.content-panel{
        width:100%;
    }
    .full-container>.right-panel{
        width:100%;
    }
    .full-container>.h3{
        margin-top:0px;
    }


    .sidebar{
        width:100%;
     }
 
 
    

     .sidebar .s_sub{
        margin-left: 0px;
        width:100%;height:100%;
        grid-template-columns: repeat(1, 1fr);
        
    top:0px;
left:0px;     }

header>.navbar>.left {
    width: 30%;
   
}

header>.navbar>.right {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: fixed;
    right: 15px;
    top: 0;
}

header>.navbar>.right>ul {

    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}



header>.navbar>.center>ul {
    display:grid;
    /* display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px; */
}

header{
    display:none;
}
header>.navbar>.center {
     display: none; 
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    background: #fff;
    z-index: 111;
    left: 0;
    top: 0;
    padding: 15px;
}

header>.navbar{
    width:100%;
    padding: 20px;
    /*display: inline-table;*/
}
.sub{
    margin-left:0px;
    left:0px;
    width:100%;

    /* top:0px; */
}

.popup-box {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 0px;
    transition: 0.3s ease;
    transform: translateY(0px);
    opacity: 1;
    /* border-radius: 30px; */
}


}

@media(max-width: 320px) {
    section{
width:90%;
    }
    .container>.content-panel{
        width:100%;
    }
    .container{
display:block;
    }

    .item>.item-box>.left{
        width:50%;
    }
  

}