@media only screen and (max-width: 1600px){
.login-bg{
    min-height: calc(118vh - 3px);
}
.main-container {
    min-height: calc(118vh - 3px);
}
.container {
    height: calc(118vh - 3px);
}
.table td {
    padding: 10px 20px;
}
.table_wrapper .table_head td{
    padding: 10px 20px;
}
.SelectBox, .SumoSelect.open .search-txt{
    padding: 7px;
}
.full-screen-plus {
    min-height: calc(112vh - 108px);
   
}
}
@media only screen and (max-width:1440px) {
.full-screen-plus {
    min-height: calc(112vh - 114px);
}
.mb-20{
    margin-bottom: 15px;
}
.mt-20{
    margin-top: 15px;
}
.ml-20{
    margin-left: 15px;
}
.pl-20{
    padding-left: 15px;
}
.p-20{
    padding: 15px;
}
.py-20{
    padding: 15px 0;
}
.m-20-minus {
    margin-left: -15px;
    margin-right: -15px;
}
.card-boxes {
    padding: 15px;
}
.content {
    margin: 85px 15px 15px 275px;
    width: calc(100% - 290px);
}
.m-10-minus{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.mx-10 {
    margin: 0 7.5px;
} 
 .timer .display-time,
 .display-date #daynum {
     font-size: 32px;
 }  
 .vertical-line{
    height: 35px;
    margin: 5%;
 }
 .display-date{
     font-size: 17px;
 }
 .select-selected{
     font-size: 17px;
 }
 .card-boxes h4{
     font-size: 15px;
 }
 .button-block .white-button, .button-block .gradient-button {
     font-size: 13px;
     padding:6px 18px;
     height: 35px;
}
.graph-indicators li {
    padding-left: 10px;
}
.wish-list-img{
    width: 50px;
    height: 50px;
}
.holiday-date-box h6 {
    font-size: 20px;
}
.holiday-date-box, .job-icon{
    min-width: 50px;
    height: 50px;
    width: 50px;
}
.trainging-vedio {
    width: 54px;
    height: 54px;
}
.right-list li{
    padding: 15px 0;
}
ul.tl li .timestamp{
    left: -60%;
}
  /*------------------- tableheight----------------- */
  .table-fullscreen {
    height: calc(110vh - 200px);
} 
.table_wrapper.full_table_wrapper {
    height: calc(100% - 65px); 
 /*-------------------end of tableheight----------------- */
}
.table-form > * {
    margin: 0 7.5px;
}
.table-extra-top .table-form .table-search {
    width: 130px;
}
.table-extra-top .form-field-box {
    width: 170px;
}
.table-extra-top .SumoSelect{
    width: 140px;
}
.table-extra-top .select-default{
    min-width: 78px;
}
.table-extra-top .table-form a{
    margin-left:0;
} 
.add-pic {
    min-width: 125px;
}
.avatar-upload{
    height: 125px;
}
.chat-message {
    height: calc(100vh - 134px);
}
.notification-alert{
    right: 15px;
    max-width: 350px;
}
.notifi-info a{
    font-size: 13px;
}
.notifi-bottom a {
    font-size: 15px;
}
.table-form.wrap-content >*{
    margin: 5px 7.5px ;
}

.page-top.extra .page-top-right{
    padding-top:10px;
}
.page-top.extra .page-top-right form > div:first-child{
    margin-left:0;
}

.page-top.extra .page-top-right{
    padding-top:10px;
}
.page-top.extra .page-top-right form > div:first-child{
    margin-left:0;
    margin-right: 0;
}
/* .page-top .page-top-right a, .page-top .page-top-right button{
    min-height:30px;
    max-height: 30px;
}
.page-top-right .col-filter-box,
.page-top-right .SumoSelect > .CaptionCont{
    height: 30px;
} */
.page-top-right .gradient-button{
    font-size: 13px;
} 
.page-top-right.new-row{
    padding-top: 0 !important;
}
.new-row-left .SumoSelect:first-of-type{
    width: 350px;
}
.three-col > .card-boxes{
    margin: 0 7.5px;
}

}

@media only screen and (max-width:1400px) {

    /*-------------------- login----------- */
    .login-bg{
        min-height: calc(118vh - 2px);
    }
    .main-container {
        min-height: calc(118vh - 2px);
    }
    .container {
        height: calc(118vh - 2px);
    }
    .login-box>p {
        margin: 15px 0 20px;
        font-size: 13px;
    }
    .login-title {
        margin-bottom: 10px;
    }
    .login-title h3 {
        font-size: 26px;
    }
    .login-title p {
        font-size: 13px;
    }
    .login-form ul .input_box {
        margin-top: 15px;
    }
    .form-icon {
        top: 7px;
    }

    .input-item{
        font-size: 13px;
        height: 35px;
    padding: 9px 12px;
    }
    .form-icon {
        width: 17px;
    }
    .recover {
        margin-top: 10px;
    }  
    .recover a{
        font-size: 13px;
    }
    .submit-box {
        margin-top: 20px;
    }  
    .login-footer {
        margin-top: 70px;
    }
    .login-box {
        width: 380px;
        padding: 20px;
    }
    .login-submit {
        min-height: 35px;
        height: 35px;
    }
    .login-form .input_box:first-child .input-item,
    .login-form .input_box:nth-child(2) .input-item{
        background-position: right 15px center ;
        background-size: 18px;
    }
    .input-item{
        min-height: 35px;
        height: 35px;
    }
    /*-------------------end of login----------- */
       /*------------------------------- table properties------------------ */
       .table-search {
        width: 200px;
        height: 28px;
    }
    .table-form > * {
        margin: 0 7.5px;
    }
    .SelectBox, .SumoSelect.open .search-txt{
        padding:  4px 8px;
    }
    .SumoSelect > .CaptionCont > span {
        font-size: 13px;
    }
    .table .table_head td {
        font-size: 13px;
        line-height:14px ;
    }
    .table td{
        font-size: 13px;
        line-height: 14px;
    }
    .select-default {
        height: 30px;
    }
    .pagination-count,.pagination a{
        font-size: 13px;
    }
    .table-top h4{
        font-size: 15px;
    }
    .table-search{
        font-size: 13px;
    }
    
    /*------------------ end of table------------------- */
   

  .page-top h4 {
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
}
.page-top p, .page-top a {
    font-size: 13px;
    line-height:14px ;
}
/*------------------- shipment details-------------- */
.personal-info-item p{
    font-size: 13px;
}
.personal-info-item span{
    font-size: 12px;
}
.ship-info h6{
    font-size: 13px;
}
.ship-info ul li {
    font-size: 12px;
}
.tab-item a{
    font-size: 13px;
}
.tab-item{
    padding: 5px 20px 10px 20px;
}
ul.tl li .timestamp{
    left: -65%;
}
.tab-content  ul li:last-child .input-box{
    width: 100%;
}
.form-box label{
    font-size: 13px;
}
.history-tl-container .item-title {
    font-size: 13px;
}
.checkmark{
    height: 18px;
    width: 18px;
}
.checkmark-container .checkmark::after{
    width: 6px;
    height: 10px;
}
.tab-content .form-box{
    padding-bottom: 0;
}
.input-wrapper input{
    min-height: 30px;
    padding: 4px 10px;
}
.input-box input, .input-box select {
    height: 30px;
    font-size: 13px;
    padding: 5px 10px;
}
.input-box select {
    min-height: 30px;
}
.approve-person{
    font-size: 13px;
}
.table-top .gradient-button, .table-top .charcoal-button {
    font-size: 13px;
    min-height: 30px;
}
.chat-choose-item h5, .chat-top h5{
    font-size: 13px;
}
.chat-content p{
    font-size: 13px;
}
.chat-content{
    padding: 15px;
}
.chat-item {
    margin: 15px 15px;
}
.form-field-box input, .form-field-box select{
    font-size: 13px;
}
/*------------- fiter------- */
.table-top .col-filter-box {
    height: 35px;
}
.col-filter-box span{
    font-size: 13px;
}
.checkmark-container{
    font-size: 13px;
}
.table-internal-sales thead tr td{
    font-size: 12px;
}
.table-internal-sales tr td input{
    font-size: 12px;
}
.table-internal-sales tr td input {
    height: 30px;
}
.expand-row .inner-table-wrapple {
    padding: 15px 0 !important;
}
.button-block {
    padding-top: 15px;
}
.inner-table td{
    font-size: 12px;
}
.expand-row .inner-table-wrapple td:first-child{
    font-size: 14px;
}
.borderless-row td {
    font-size: 12px;
}
.table-internal-sales tr td {
    padding: 7px;
}

/*------------------- sub menu------------------- */
.menu_link .link-text{
    font-size: 13px;
}
.sub-menu-item a {
    font-size: 13px;
}
.sub-menu-item:hover a {
    font-size: 13px;
}
.top-btn-grp .white-button{
    font-size: 13px;
}
.top-btn-grp .white-button,
.top-btn-grp .gradient-button,
.top-btn-grp .red-button{
    font-size: 13px;
}
/*-----------end of submenu----------------- */
/*----------------- notification---------------- */
.pop-body h5{
    font-size: 16px;
}
.notifi-info p {
    font-size: 13px;
}
.notifi-info .alert-time {
    font-size: 11px;
}
.notification-alert .notification-list {
    margin: 20px -20px 0 -20px;
}
/*-----------end of notification----------------- */
/*----------------- pid-page------------ */
.drop-zone__prompt{
    font-size: 13px;
}
.drop-support {
    font-size: 11px;
 }
 .upload-docs {
    padding: 0px 15px;
}
.drop-zone {
    height: 140px;
}
.uploaded-docs {
    padding: 15px 0px;
}
.uploaded-docs p {
    font-size: 13px;
}
.uploaded-docs span {
    font-size: 11px;
}
.uploaded-docs img:first-child{
    margin-right: 15px;
    width: 25px;
}
.top-btn-grp{
    margin: 0 -7.5px;
}
.accordian-content{
    margin-top: 20px;
}
.order-info .personal-info-item p {
    font-size: 15px;
}
.client-aware {
    margin: 10px 0;
}
.notify-list li{
    font-size: 13px;
    padding: 15px 0;
}
.table-extra-top  .select-default {
    min-width: 130px;
}.table-extra-top  .gradient-button{
    min-height: 30px;
    max-height: 30px;
}
.form-field-box input, .form-field-box select {
    height: 30px;
}
.search-box {
    height: 30px;
}

.chat-message {
    height: calc(100vh - 130px);
}
.chat-message .chat-search input{
    font-size: 13px;
}
.add-new-row > div{
    width: 30px;
    height: 30px;
}
.page-top .gradient-button {
    min-height: 30px;
    font-size: 13px;
}
.d-date{
    height:30px;
}
.page-top-right .SumoSelect > .CaptionCont {
    height: 30px;
}
.page-top .page-top-right a, .page-top .page-top-right button{
    min-height:30px;
    max-height: 30px;
}
.page-top-right .col-filter-box,
.page-top-right .SumoSelect > .CaptionCont{
    height: 30px;
}
.page-top-right .SumoSelect > .CaptionCont{
    padding: 8px;
}
.table-opsi td.type {
    font-size: 13px;
}
.page-top .page-top-right a, .page-top .page-top-right button {
    min-height: 30px;
}
.page-top-right > * {
    margin: 0 7PX;
}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
    width: 16px;
    height: 16px;
}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after{
    width: 8px;
    height: 8px;
}
.order-boxes h5{
    font-size: 14px;
}
.order_statistics span {
    font-size: 32px;
}
.order_statistics p {
    font-size: 14px;
    line-height: 1.5;
}
.table-extra-top .form-field-box{
    width:150px;
}
.table-extra-top .SumoSelect{
    width: 125px;
}
.table-extra-top .select-default{
    min-width: 78px;
}
.table-extra-top .table-form a{
    margin-left:0;
} 
.page-top .page-top-right a, .page-top .page-top-right button{
    min-height:30px;
    max-height: 30px;
}
.page-top-right .col-filter-box{
    height: 30px;
}
.new-row > div {
    margin-top: 10px;
    margin-left: 0;
}
.gradient-button .icon-setting-2 {
    font-size: 20px;
}
.graph-top-indicators .indicator-item {
    margin: 0;
}
.table td {
    padding: 10px 10px;
}
.table_wrapper .table_head td{
    padding: 15px 10px;
}
.page-top h4 + p {

    font-size: 13px;
    line-height: 15px;
  }
  
  .page-top h4 + p a {
    font-size: 13px;
  }
  .two-col-cardbox .form-box{
    padding-bottom:10px ;
}
.tick-box .input-box label{
    font-size: 13px;
}
.tox{
    font-size: 12px !important;
}
.w-100{
    width: calc(100% - 15px) !important;
}
.page-top-right{
    margin: 0 -7px;

}
.button-block .white-button{
    margin-right: 15px;
}
.import-shipment-tracking .table-search{
    height: 30px;
}
}

@media only screen and (max-width:1280px) {
    .opsi-forecast-page .new-row-left .SumoSelect:nth-child(2) {
        width: 213px;
    }
    .opsi-forecast-page .new-row-left :first-child .table-search{
        width: 150px;
    }
}
@media only screen and (max-width:1200px) {
    .main-container {
        min-height: calc(118vh - 3px);
    }
    .full-screen-plus {
        min-height: calc(112vh - 85px);
    }
    .hamburger-menu{
        display: block;
    }
    .toggle-btn{
        display: none;
    }
    .main-container .side-menu,.size-reduce .side-menu {
        transform: translateX(-100%) ;
    }
    .side-menu.mobile-menu{
        transform: translateX(0%);
    }
    .side-menu.mobile-menu .menu_link{
        flex-direction: row;
    }
    .side-menu.mobile-menu .side-menu-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    height: 100%;
    box-shadow: 3px 5px 10px 2px #e6e6e6;
}
.size-reduce .profile-details, .size-reduce .drop-arrow, .side-menu.mobile-menu .menu_link .link-text{
    display: block !important;
}
.side-menu.mobile-menu .menu_link > div{
    width: 100%;
}
.side-menu.mobile-menu .icon_bx span{
    margin-right: 10px;
}
.side-menu.mobile-menu .sidebar-menu{
    height: calc(100% - 220px);
}
.side-menu.mobile-menu .avatar-box{
    height: 160px;
    align-items: center;
    padding: unset;
}
.side-menu.mobile-menu .profile-pic{
    width: 76px;
    height: 76px;
}
.side-menu.mobile-menu .half-logo{
    display: none;
}
.side-menu.mobile-menu .full-logo{
display: block;
}
.side-menu.mobile-menu .side-header{
    justify-content: space-between;
    padding-left: 10px;
}
.side-bar-close{
    display: block;
}
.main-container .header{
    width: calc(100% - 0px);
    margin: 0 20px 15px 0px;
}
.header-logo-wrapper{
    display: block;
}
.main-container .content{
    width: calc(100% - 30px);
    margin: 75px 15px 15px 15px;
}
.table-fullscreen{
   height: auto;
   min-height:calc(110vh - 200px);
}

.performa-invoice-page .order-info .personal-info-item {
    width: calc(25% - 2%);
}
.opsi-forecast-page .new-row-left .SumoSelect:nth-child(2) {
    width: 250px;
}
.opsi-forecast-page .new-row-left :first-child .table-search{
    width: 175px;
}
}
@media only screen and (max-width:1024px) {
    .full-screen-plus {
        min-height: calc(112vh - 87px);
    }
    .two-col-cardbox .form-box .input-box{
        width: calc(50% - 2%);
    }
    .template-wrapper{
        width: calc(100% - 2%);
    }
    .stock-graph .table-form{
        margin-left: 10px;
    }
    .stock-graph .forecast-graph-instance .table-form{
        min-width: 950px;
     }
     .stock-graph .forecast-graph-instance{
        padding: 0;
     }
     .stock-graph .category-graph-instance .table-form{
        min-width: 630px;
     }
     .page-top.extra .page-top-right.new-row{
        align-items: flex-start;
        margin-top: 5px;
        overflow: auto;
     }
     .page-top.extra .page-top-right.new-row{
        margin-right: 0px;
     }
     .page-top-right .opsi-forecast-search-form{
        min-width: 1202px;
     }
     .stock-graph .forecast-graph-instance,
     .stock-graph .category-graph-instance{
        overflow: auto;
        margin-left: 15px;
        padding: 0 10px;
     }
      .stock-graph .forecast-graph-instance::-webkit-scrollbar,
      .stock-graph .category-graph-instance::-webkit-scrollbar {
        display: none;
        }
        .category-graph-instance{
            overflow: auto;
            margin-left: 15px;
            padding: 0 10px;
        }
        .stock-graph .graph_body{
            min-width: 1000px;
        }
        .stock-graph .graph-body-wrapper{
            overflow: auto;
        }
        .stock-graph .graph-body-wrapper::-webkit-scrollbar {
            display: none;
        }
        .ship_track_page .table-extra-top{
            overflow: auto;
        }
        .ship_track_page .table-extra-top::-webkit-scrollbar {
            display: none;
        }
        .page-top.extra .page-top-right.new-row::-webkit-scrollbar{
            display: none;
        }
       .four-col-cardbox .four-col-wrapper .four-col > div{
            width: calc(50% - 2%);
        }
        .four-col-cardbox .four-col .input-wrapper:first-child{
            margin-bottom: 8px;
        }
        .four-col-cardbox .four-col .input-wrapper:nth-child(2){
            margin-bottom: 8px;
        }
        .four-col-cardbox .four-col-wrapper .four-col {
            flex-wrap: wrap;
        }
        .four-col-wrapper .four-col {
            margin: 8px -1%;
        }
        .internal-sales-page .table-form{
            min-width: 1020px;
        }
        .internal-sales-page .table-extra-top{
            overflow: auto;
        }
        .internal-sales-page .table-extra-top::-webkit-scrollbar {
            display: none;
        }
        .import-forecast-page .page-top-right .opsi-forecast-search-form{
            min-width: unset;
        }
        .import-forecast-page .input-box{
            width: 50%;
        }
        .performa-invoice-page .personal-info-item{
            width: calc(25% - 2%);
        }
        .edit-iso-page .four-col-wrapper .four-col {
            flex-wrap: wrap;
        }
        .edit-iso-page .four-col-wrapper .four-col > div{
            width: calc(50% - 2%);
        }
        .product-price-page .table-top{
            overflow: auto;
        }
        .product-price-page .table-top::-webkit-scrollbar {
            display: none;
        }
        .product-price-page .table-form{
            min-width: 862px;
           
        }
        .product-price-import .page-top-right,
        .unitcost-price-import .page-top-right{
            overflow: auto;
            margin-top: 10px;
            margin-left: 0;
            margin-right: 0;
        }
        .product-price-import .page-top-right::-webkit-scrollbar, 
        .unitcost-price-import .page-top-right::-webkit-scrollbar {
            display: none;
        }
        .product-price-import .opsi-forecast-search-form {
            justify-content: flex-start !important;
            min-width: 709px;
            margin-left: 0;
            margin-right: 0;
        }
        
        .product-price-import .opsi-forecast-search-form :first-child,
        .unitcost-price-import .opsi-forecast-search-form :first-child
        {
            margin-left: 0;
        }
        .unitcost-price-import .opsi-forecast-search-form{
            min-width: unset;
        }
        .unitcost-price-import .opsi-forecast-search-form{
            justify-content: flex-start !important;
            min-width: 544px;
            margin-left: 0;
            margin-right: 0;
        }
        .unit-cost-page .table-form{
            min-width: 700px;
        }
        .unit-cost-page .table-top{
            overflow: auto;
        }
        .unit-cost-page .table-top::-webkit-scrollbar {
            display: none;
        }
        .import-shipment-tracking .page-top-right .opsi-forecast-search-form{
            min-width: unset;
        }
        .import-shipment-tracking .search-box{
            margin-left: 0;
        }
        .import-shipment-tracking .page-top-right{
            margin-top: 10px;
        }
}
@media only screen and (max-width:820px) {
    .full-screen-plus {
        min-height: calc(112vh - 67px);
    }
    .login-bg .container{
        justify-content: center;
    }
    .tox-tinymce{
        height: 550px !important;
    }
    .ship_track_page .table-form{
        min-width: 900px;
    }
}
@media only screen and (max-width:768px) {
    .three-col-cardbox .form-box > li{
        flex-direction: column;
        margin:  0;
    }
    .three-col-cardbox .input-box{
        width: 100%;
        margin:  5px 0;
    }
    .basic-table-page  .table-form{
       margin: -5px;
    }
    .basic-table-page  .table-form > *{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .ship_track_page .page-top{
        flex-direction: column;
       align-items: flex-start;
    }
    .ship_track_page .page-top-right{
        margin-top: 10px;
    }
    .ship_track_page .page-top-right .gradient-button{
        padding: 6px 25px;
    }
    .performa-invoice-page .personal-info-item{
        width: calc(33.33% - 2%);
    }
    .performa-invoice-page .order-info .personal-info-item {
        width: calc(50% - 2%);
    }
}
@media only screen and (max-width:680px) {
    .two-col-cardbox .form-box > li{
        flex-wrap: wrap;
    }
    .two-col-cardbox .form-box .input-box{
        width: calc(100% - 2%);
    }
    .dummy-label{
        display: none;
    }
    .two-col-cardbox .input-wrapper{
        width: 50%;
    }
    .two-col-cardbox .input-wrapper input{
        width: 100%;
        min-width: unset;
        padding: 5px;
    }
    .tick-box .input-box {
        width: calc(50% - 2%);
        margin-bottom: 10px;
    }
    .dashboard-page .three-col{
        flex-direction: column;
        margin-top: -7.5px;
        margin-bottom: -7.5px;
    }
    .dashboard-page .three-col > .card-boxes{
        width: calc(100% - 15px);
        margin-top: 7.5px;
        margin-bottom: 7.5px;
    } 
    .add-order{
        width: 95%;
    }
    .input-felid-row > li .input-wrapper select,
    .input-felid-row > li .input-wrapper{
        min-width: 115px;
        width: 115px;

    }
    .add-order .pop-body{
        min-width: 100%;
    }
    .purchase-input-outer.input-felid-row > li .input-wrapper input{
        width: 100%;
    }
    .import-forecast-page .page-top{
        flex-direction: column;
        align-items: start;
    }
    .import-forecast-page .opsi-forecast-search-form{
        margin: 0;
        margin-top: 10PX;
    }
    .performa-invoice-page .upload-docs{
        flex-direction: column;
        align-items: start !important;
        margin-bottom: 0;
    }
    .performa-invoice-page .upload-docs .w-50{
        width: 100% !important;
    }

}
@media only screen and (max-width:570px) {
    .performa-invoice-page .personal-info-item{
        width: calc(50% - 2%);
    }
}
@media only screen and (max-width:480px) {
    .basic-table-page .table-form{
        flex-direction: column;
        width: 100%;
    }
    .basic-table-page .table-form  .gradient-button
   {
        width: 100%;
    }
    .basic-table-page .table-form .table-search{
        width: calc(100% - 52px);
    }
    .basic-table-page .table-form >*{
        width: 100%;
        margin:5px;
    }
    .basic-table-page .page-top div:nth-child(2){
        margin-top:10px;
        width:100%;
      }
      .basic-table-page .page-top div:nth-child(2) *{
        width: 100%;
      }
      .tick-box .input-box {
        width: calc(100% - 2%);
    }
    .tox-tinymce{
        height: 600px !important;
    }
    .ship_track_page .page-top-right{
        flex-direction: column;
        width: 100%;
        align-items: stretch;
        margin: 10px 0 0 0;
    }
    .ship_track_page .page-top-right > *{
        margin: 5px 0;
    }
    .input-felid-row > li .input-wrapper select, .input-felid-row > li .input-wrapper {
        min-width: 102px;
        width: 102px;
        font-size: 13px;
    }
    .add-order .pop-body{
        padding: 10px;
    }
    .pop-body .sales-instance .button-block{
        flex-wrap: wrap;
    }
    .pop-body.sales-instance .button-block .gradient-button{
        margin-right: 15px;
        margin-top: 15px;
    }
    .four-col-cardbox .four-col-wrapper .four-col > div{
        width: calc(100% - 2%);
    } 
    .four-col-cardbox .four-col .input-wrapper
    {
        margin-bottom: 8px;
    }
    .import-forecast-page .page-top-right {
        width: 100%;
        margin: 0;
    }
    .import-forecast-page  .opsi-forecast-search-form{
        flex-direction: column;
        width: 100%;
        margin: 0;
    }
    .import-forecast-page  .opsi-forecast-search-form > *{
        width: 100%;
        margin: 5px 0;
    }
    .import-forecast-page .input-box{
        width: 100%;
    }
    .performa-invoice-page .order-info .personal-info-item {
        width: calc(100% - 2%);
    }
}
@media only screen and (max-width:375px) {
    .internal-sales-page .page-top{
        flex-direction: column;
        align-items: stretch;
    }
    .internal-sales-page .page-top .gradient-button{
        margin-top: 10px;
    }
    .internal-sales-page .page-top a, 
    .internal-sales-page .page-top .gradient-button{
        width: 100%;
    }
    .internal-sales-page .page-top a{
        margin-top: 10px;
    }
    .performa-invoice-page .personal-info-item{
        width: calc(100% - 2%);
    }
    .performa-invoice-page .table-top + .d-flex .gradient-button{
        width: 100%;
    }
    .product-price-page .page-top{
        flex-direction: column;
        align-items: stretch
    }
    .product-price-page .page-top-right{
        margin-top: 10px;
    }
    .product-price-page .page-top-right .gradient-button,
    .product-price-page .page-top-right a{
        width: 100%;
    }
    .header-logo-wrapper {
        margin-left: 20px;
    }
    .import-shipment-tracking .page-top-right{
        width: 100%;
        margin: 0;
    }
    .import-shipment-tracking .page-top-right > form{
        flex-direction: column;
        align-items: stretch;
        margin: 0;
        width: 100%;
        margin-bottom: -7.5px;
    }
    .import-shipment-tracking .page-top-right > form >*{
        margin: 7.5px 0;
    }
    .import-shipment-tracking  .table-search{
        width: 100%;
    }
}