@media (max-width: 1199px) {
    #togglePassword {
        top: 60%;
    }

    .sync-click i {

        right: 70px;
        top: 24%;
    }
    .list-rigt-header{
        margin-top:10px;
    }
    /* ----------------nasıl-kullanılır----------- */
    .nasil-kullanilir-page .video-header {
        left: unset;
    }

    .nasil-kullanilir-page .item iframe {
        width: 100%;
    }

    .nasil-kullanilir-page #sync1 .item {
        padding: unset;
    }

    .nasil-kullanilir-page #sync2 .item {
        padding: unset;
        height: 115px;
    }

    .nasil-kullanilir-page #sync2 .item img {
        height: 115px;
    }

    /* ----------------------paket yonlendirme ----------------- */

    /* -----------------------404 not page ---------------- */
    .not-page img {
        width: 26%;

    }

    .head-upload .upload .custom-file {
        width: 100% !important;
        margin-left: unset !important;
    }

    .upload .custom-file {
        width: 62% !important;
    }

    /* ------------index ---------- */
    #header .logo img {
        width: 94%;
    }

    #header .logo {
        margin-top: 11px;
    }

    .paket-item {
        width: 50% !important;
        font-size: 16px;
    }

    .paket-item:first-child {
        margin-right: 19px;
    }

    .paket-item:first-child::after {
        right: 52%;
    }

    .paket-item button,
    .header-buttons-box .btn,
    .paket-item a {
        font-size: 15px !important;
    }

    .paket-item img {
        left: 95%;
    }

    .nasil-kullanilir-btn {
        margin-right: 28px;
    }

    .header-drop {
        margin-left: -39px;
    }

    .header-buttons-box {

        justify-content: unset !important;
    }

    .search-img img {
        width: 20px;
        left: 193px;
        top: 34%;
    }

    .search-img::after {
        right: 76%;
    }

    .search .form-control {
        padding: .375rem 2.95rem !important;
    }

    .search .form-control::placeholder {

        font-size: 11px;
    }

    .header-reklam-text p {
        font-size: 13px;
    }

    .slider .owl-first-slider .owl-nav {
        top: -121px;
        margin-left: -66px;
        margin-right: -66px;
    }

    .add-to-cart-two {
        font-size: 11px;
    }

    .product-grid .add-to-cart {
        width: 111px;
        height: 32px;
    }

    .abone-header,
    .order-complete-title {
        font-size: 32px;
    }

    .owl-credit-slider .owl-nav {
        top: -91px;
    }

    .index-modal .modal-content {

        width: 50% !important;
    }

    .footer-icon img {
        width: 16%;
    }

    .download-left {
        left: 5%;
    }

    /* ---------------index end --------------- */
    /* ----------Benim için al -------------- */

    .benim-icin-al-kolay-header::after {
        left: 46%;
    }

    /* -------------hesabim------------- */
    .siparis-box p {
        font-size: 12px;
    }

    .siparis-detay-explain {
        margin-left: 24px;
    }

    /* .siparis-detay-infomation-box .tab-label {
      width: 21%;
      top: -48px;
    } */

    /* ----------------hesabim------------------- */
    .user-information p,
    .hesabim-header p {
        font-size: 13px;
    }

    .select-date .form-control.form-control-sm {
        width: 64%;
    }

    .cvv input {
        margin-top: 2px;
    }

    .registered-address-information {

        /*height: 125px;*/
        margin-top: -2px;
    }

    .uyelik-box p {
        font-size: 20px;
    }

    .price-time span {
        font-weight: 650;
        font-size: 17px;
    }

    .uyelik-box {
        padding: 9px;
    }

    .odeme-yap-box {
        margin-right: unset;
    }

    /* -------------------blog----------------- */
    .number {
        width: 22px;
        height: 22px;
        right: 0px;
    }

    .btn.btn-online {
        font-size: 12px;
    }

    .number p {
        font-size: 12px;
    }

    .bulten {
        font-size: 14px;
    }

    .encok p:first-child::before {
        top: 4px;
    }

    .blog-img img {
        height: unset;
    }

    .bummbe-nedir-date {
        margin-top: 16px;
    }

    .bummbe-nedir {
        margin-top: 1rem;
    }

    .btn.btn-online p {
        margin-bottom: unset !important;
        height: 24px;
        display: flex;
        align-items: center;
    }

    #v-pills-tab a {
        font-size: 13px;
    }

    /* ------------------------categori---------------------- */
    .categori-bilgi select.form-control:not([size]):not([multiple]) {
        height: calc(2.25rem + 2px);
    }

    .categori-search-item .form-control {
        padding: .375rem 2.95rem !important;
    }

    .categori-search-img::after {
        right: 95%;
    }

    .categori-search-item img {
        left: 22px;
    }

    .btn.categori-search-btn {
        right: -7%;
    }

    .categori-search {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .categori-bilgi .form-control::placeholder {
        font-size: 11px;
    }

    .teslimat-img-aciklama button {
        font-size: 14px;
    }

    .teslimat-adet input {
        width: 70% !important;

    }

    .teslimat-magaza-fiyat p {
        font-size: 11px;
    }

    /* ----------------help------------------ */
    .kargo-box {
        height: 304px;
    }

    /* ----------------------------------login-register----------------- */
    .uye-ol p,
    .uye-ol span {
        color: rgb(92, 92, 92);
        font-size: 15px;
    }

    /* ----------- payment system ------------------------ */
    .on-bilgi {
        margin-top: -5px !important;
    }

    /* --------------- payment system ------------- */
    .payment-page .payment-teslimat-adres-header {
        margin: 20px auto;
        padding: 50px;
        /*height: unset;*/
        padding-top: unset;
        padding-bottom: unset;
    }

}

@media (max-width: 991px) {
    .notificationBtn{
        top: 17%;
    }
    .ek-bilgi-icon img {
        width: 13%;
    }

    .general-adress {
        padding-top: unset;
    }

    .general-adress-box {
        height: 86px;
    }

    #hesap-inf {
        left: 12% !important;
    }

    .user-information-boxes {
        margin-bottom: 51px !important;
    }

    .left-form-contanct::before {
        display: none !important;
    }

    .left-form-contanct input {
        width: 100% !important;
    }

    .left-form-contanct textarea {
        width: 100% !important;
    }

    .qty__selector-module-controls .qtySelector {
        padding: unset !important;
    }

    .sync-click i {
        font-size: 17px !important;
        right: 93%;
        top: 27%;
    }

    /* -------------- payment system ---------- */
    .payment-adres-box,
    .odeme-sec-box {
        width: 100%;
        margin-left: unset;
        font-size: 12px;
    }
    .adres-header,
    .odeme-header {
        margin-left: unset;
    }

    /* ----------- Payment System --------------- */
    .payment-adress-change .adress-kategori .btn-primary {
        height: 126px;

    }

    .payment-page .teslimat-icons-box .radio input[type="radio"]+.radio-label::before {

        left: unset;
    }

    /* ---------------------pay-section------------ */
    .payment-section-page .pay-section-cuzdan .cuzdanim-box {
        height: unset;
    }

    .payment-section-page .payment-adres-box,
    .payment-section-page .odeme-sec-box {
        margin-left: 14px;
    }

    .payment-section-page .adres-header,
    .payment-section-page .odeme-header {
        margin-left: 14px;
    }

    .payment-section-page p {
        margin-bottom: 3px !important;
    }

    .payment-section-page .pay-section .pay-section-box-item {
        width: 114%;
    }

    .payment-section-page {
        margin-bottom: unset;
        margin-top: 25px;
    }

    .payment-section-page .siparis-box {
        margin-bottom: 23px !important;
    }

    /* --------------------- paket yonlendirme -------------------- */

    .upload .custom-file {
        width: 90% !important;
    }

    .qty__selector-module-controls button {
        margin-right: 4px;
    }

    /* ------------------404 not found ---------------- */

    .not-page img {
        width: 31%;
        height: 220px;
        margin-top: 85px;
    }

    .login-register-item {
        width: 75%;
    }
    /* --------------------------- */
    #header .logo {
        margin-top: 7px;
    }

    #header\ mobile-header {
        display: block !important;
    }

    #header .header-buttons-box {
        display: none !important;
    }

    #header .header-drop {
        display: none;
    }

    .body-icon img {
        width: 21%;
    }

    .paket-item button:hover {
        height: 41px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .paket-item:first-child::after {
        right: 50%;
    }

    .paket-item img {
        left: 86%;
        width: 4%;
        top: 18%;
    }

    .btn-outline-success {

        width: 122px;
        right: 13%;
    }

    .search .form-control {

        width: 75% !important;
    }

    .natification-modal .natification-explain p {
        width: 100%;
    }

    .index-modal .modal-content {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, 50%) !important;
        width: 57% !important;
    }

    .search-img img {
        left: 14%;
    }

    .search-img::after {
        right: 82%;
    }

    .mobile-magaza {
        display: block;
        margin: 20px auto;
    }

    .magaza-section {
        display: none;
    }

    #myList img {
        width: 50%;
    }

    .mobile-list-group::after {
        border: 1px solid #f2f2f2;
        content: "";
        position: absolute;
        right: 0;
        height: 100%;
    }

    .abone-text {
        width: 100%;
    }

    .download-lef-section-img a img {
        width: 25%;
    }

    .order-complete-title,
    .abone-header,
    .order-complete-title {
        font-size: 28px;
        margin: unset;
    }

    .paket-item button {
        width: 100%;
    }

    .header-drop {
        justify-content: center;
    }

    .header-buttons-box {
        justify-content: space-between;
    }

    /* ------------------benim icin al -------------- */
    .benim-icin-al-box,
    .benim-icin-al-kolay-box {
        padding: 30px;
    }

    .benim-icin-al-header,
    .benim-icin-al-kolay-header {
        font-size: 21px;
    }

    .benim-icin-al-kolay-explain,
    .benim-icin-al-explain {
        font-size: 13px;
    }

    .benim-icin-al-kolay-header::after {
        left: 52%;
        height: 35px;
    }

    .download-left {
        width: 43%;
    }

    .download-lef-section-explain p {
        margin-bottom: unset;
    }

    .download-lef-section-img a img {
        width: 32%;
        margin-top: 9px;
    }

    /* -----------------------hesabim-------------------- */
    .adress-kategori .btn-primary {
        height: 140px;
    }

    .adress-kategori .btn-primary i {
        font-size: 71px;
    }

    .home {
        margin-top: 23px;
    }
    .cuzdanim input {
        width: 100%;
    }

    .cvv input {
        margin-top: 3px;
    }

    .card-save {
        width: 100%;
    }

    .card-save .form-check-input {
        margin-top: 2px;
    }

    .user-information-box::after {
        bottom: 0 !important;
        top: unset;
        right: unset !important;
        height: 0%;
        width: 85%;
    }

    .table td,
    .table th {
        font-size: 12px;
    }

    td:first-child {
        position: unset !important;
    }

    /* ----------------------categori-------------------- */
    .categori-search-item .btn.categori-search-btn {
        width: 119px;
    }

    .categori-search-item .form-control {
        padding: .375rem 3.5rem !important;
        font-size: 12px !important;
    }

    .categori-search-img::after {
        border: 1px solid #ece8e8;
        content: "";
        position: absolute;
        height: 49%;
        right: 93%;
        top: 28%;
    }

    .odenecek-aciklama {
        /* left: 36%; */
        left: 54%;

    }

    .teslimat-box p {
        font-size: 12px;

    }

    .teslimat-img {
        margin-bottom: 10px;
        height: 76px;
    }

    .teslimat-adet input {
        width: 65% !important;
        left: 21%;
        position: absolute;
    }

    /* -----------------siparis ayrinti ------------------------- */

    .siparis-detay-urun-item {
        margin-left: unset !important;
    }

    .siparis-ayrinti-icon-box i {
        font-size: 17px;
        display: flex;
        justify-content: center;
    }

    .siparis-ayrinti-icon-box p {
        display: flex;
        justify-content: center;
    }

    .siparis-ayrinti-icon-box p {
        font-size: 11px;
    }

    /* --------------footer----------- */
    .footer ul li a:hover {
        padding-left: unset !important;
    }

    .appstore img {
        width: 48%;
    }

    .siparis-ayrinti-icon-box {
        top: 0px;
    }

    /* -------------------------help------------ */
    .help-left-box #v-pills-tab a {
        font-size: 13px;
    }

    .help-detay-box .frames:nth-child(2) {
        border: none;
    }

    /* ------------natification------------- */
    .teslimat-icons-box .radio input[type="radio"]+.radio-label::before {
        width: 17px;
        height: 16px;
        margin-top:4px
    }

}

@media (max-width: 768px) {
    .registered-address-information{
        height: 125px;
    }
    .on-bilgi-box{
        align-items:center;
    }
    .on-bilgi label {
        margin-top: 8px;
    }
    .odenecek-aciklama {
        left:unset !important;
        position: relative !important;
        right: unset !important;
        transform: unset !important;
        display: flex;
        align-items: center;
        right: 2% !important;
    }
    .owl-theme .owl-nav [class*="owl-"]:hover {
        border-radius: unset !important;
    }

    .teslimat-img img {
        width: 57%;
    }

    .left-form-contanct::before {
        content: unset;
        position: unset;

    }

    /* --------------------- index mağaza ürüler --------------- */
    .product-grid .add-to-cart {
        opacity: 1 !important;
        bottom: unset;
    }

    .product-grid:hover .add-to-cart {
        bottom: unset;
    }

    .product-grid:hover .price {
        opacity: unset;
    }

    .add-to-cart-two {
        top: 131% !important;
        opacity: unset;
        color: gray !important;
    }

    .product-grid {
        height: 270px !important;
    }

    .product-grid:hover .add-to-cart-two {
        top: unset;
        transition: unset;
        opacity: unset;
        color: unset !important;
    }

    /* ----------------- Nasıl Kuallanılır ----------- */
    .nasil-kullanilir-page #sync2 .owl-prev {
        position: relative;
        left: unset;
        top: unset;
    }

    .nasil-kullanilir-page #sync2 .owl-next {
        position: relative;
        right: unset;
        top: unset;
    }

    .nasil-kullanilir-page .item iframe {
        width: 80%;
        height: 304px;
    }

    /* ----------------------------------- */
    .body-icon img {
        width: 21%;
    }

    /* index------------- */
    #header .logo img {
        width: 95%;
    }

    .search .form-control {
        width: 100% !important;
    }

    .btn-outline-success {
        width: 116px;
        right: 1%;
    }

    .search-img img {
        left: 11px;
    }

    .search-img::after {
        right: 94%;
    }

    #myList img {
        width: 58%;
    }

    .appstore img {
        width: 49%;
    }

    .footer-icon img {
        width: 11%;
    }

    .natification-modal .modal-content {
        transform: translateY(20%);
    }

    .modal-right-explain,
    .modal-left-explain {
        height: 126px;
    }

    .modal-body h5 {
        font-size: 16px;
    }


    .slider .owl-first-slider .owl-nav {
        top: -129px;
    }

    .slider .owl-first-slider .owl-nav {

        margin-left: -28px;
        margin-right: -28px;
    }

    .add-to-cart-two {
        width: 100%;
    }

    .product-grid h3 {
        height: 32px;
    }

    /* ------------------ */

    .header-reklam-text p {
        width: 100%;
        left: unset;
    }

    .footer-logo img {
        width: 77%;
    }

    .appstore img {
        width: 65%;
    }

    .footer-icon img {
        width: 20%;
    }

    /* --------------------hesabim--------------- */

    .ek-bilgi-icon img {
        width: 12%;
    }

    .siparislerim-next i {
        margin-left: unset !important;
    }

    .hesabim .siparis-detay-explain {
        margin-left: unset;
        margin-top: unset;
    }

    .siparis-detay-item {
        padding: 10px;
    }

    .siparis-detay-img {
        margin-left: -2px;
    }

    .guncelle-btn {
        position: relative;

    }

    .right-page-box {
        margin-bottom: 30px;
    }

    /* -----------------categori------------- */
    /* .odenecek-bilgi .odenecek-aciklama {
      left: 13%;
    } */

    .categori-search-item .form-control {
        padding: .375rem 3.3rem !important;
    }

    .teslimat-body {
        margin-top: 10px;
    }

    .teslimat-aciklama-button-box {

        margin-bottom: 20px;
    }

    .teslimat-adet input {
        left: 0;
        width: 100% !important;
    }

    /* .odenecek-bilgi .odenecek-aciklama {
      left: 6%;
    } */

    .teslimat-adet {
        position: relative;
    }

    .teslimat-adet .form-control {
        padding: 0.375rem .55rem;
    }

    /* -----------------help-------------------- */
    .kargo-box {
        height: unset !important;
    }

    /* ---------------footer------------ */
    /* ---------------------------------------- */

}

@media (max-width: 575px) {
    .search{
        display:block;
    }
    .paket-item img {
        left: 89%;
    }

    .teslimat-img img {
        width: 30%;
    }

    .sync-click i {
        right: 47%;
        top: 44%;
    }

    /* --------------- paymentsystem----------------- */


    .payment-page .btn.payment-btn {
        width: 35%;
        display: flex;
        justify-content: center;
        left: 29%;
        position: relative;
    }

    .payment-page .on-bilgi-box {
        margin-top: unset !important;
    }

    .payment-page .on-bilgi label {
        margin-top: 10px;
    }

    /* ------------------ Nasıl Kullanılır ----------- */
    .nasil-kullanilir-page .item iframe {
        width: 100%;
    }

    .nasil-kullanilir-page #sync2 .item img,
    .nasil-kullanilir-page #sync2 .item {
        height: 139px;
    }

    /* --------------------pay-section-------------- */
    .payment-section-page .payment-adres-box,
    .payment-section-page .odeme-sec-box {
        width: 100%;
    }

    .payment-section-page .pay-section .pay-section-box-item {
        width: 117%;
    }
    /* ------------------------paket yonlendirme------------------ */
    .upload .custom-file {
        width: 51% !important;
        position: absolute;
        margin-left: 59%;
        top: 70%;
    }

    /* ---------------natification-modal------------- */
    .natification-modal .natification-explain p {
        width: 100%;
    }

    .index-modal .modal-content {

        width: 67% !important;
    }

    .search-img::after {
        display: none;
    }

    /* -------------register-login------------- */

    .hatirla-sifremi-unuttum {
        display: block;

    }

    .login-register-item {
        width: 77%;
    }

    .uye-ol .radio label {
        width: 100%;
        position: absolute;
        top: -25px;
        left: 0;
        text-align: center;
    }

    .natification-modal .natification-explain p,
    .natification-modal .radio p {
        font-size: 12px;
    }

    .uye-ol p,
    .uye-ol span {
        font-size: 14px;
    }

    /* --------------------404 not found ------------ */
    .not-page img {
        width: 38%;

    }

    .not-page-down-title {
        margin-bottom: 50px;
    }

    /* ---------------mobile-header---------- */

    .index-modal .modal-content {
        transform: unset
    }

    #header .logo {
        margin-top: 5px;
    }

    .header-drop {
        justify-content: end;
    }

    .search .form-control {
        width: 90% !important;
    }

    .search .form-control {
        padding: .375rem 1.75rem !important;

    }

    .search-img img {
        left: 9px;
    }
    .btn-outline-success {
        width: 108px;
        right: 12%;
        top: -2px;
    }

    .slider {
        margin: 30px auto;
    }

    .download-left {
        position: unset !important;
    }

    #myList img {
        width: 63%;
    }

    .send-mail .form-control {
        width: 70% !important;
    }

    .slider .owl-nav,
    .credit-card-box .owl-nav {
        display: none !important;
    }


    .body-icon img {
        width: 23%;
    }

    .modal-body h5 {
        font-size: 1rem !important;
    }

    .modal-left-img,
    .modal-right-img {
        height: unset;
    }

    .credit-card-box {
        margin-bottom: 50px;
    }

    /* --------------benim icin al ------------ */

    .benim-icin-al-kolay-header::after {
        left: 29%;
        height: 35px;
    }

    .benim-icin-al-box {
        margin-bottom: 32px;
    }

    .download-left {
        width: 100%;
    }

    .download-lef-section-img a img {
        width: 28%;
    }

    /* ------------------ Hakkimizda ---------------------- */
    .hesabim-left-box #v-pills-tab::before {
        content: "";
        position: absolute;
        border: 1px solid #f2f2f2;
        left: 50%;
        height: 59%;
    }

    .hesabim #v-pills-tab a {
        color: #5f5f5f !important;
        font-size: 13px;
        width: 169px;
        position: relative !important;
        clear: both !important;
        text-align: center;
    }

    .hesabim-left-box {
        margin-bottom: 13px;
        margin-left: 42px;
    }

    .hesabim-left-box .nav-link.active.show::before {
        left: 5%;
        top: 6px;
    }

    .hesabim .flex-column {
        flex-direction: inherit !important;
        display: flex;
        justify-content: space-between;

    }

    .help-left-box .flex-column {
        justify-content: space-between !important;
    }

    .hesabim-left-box .nav-pills .nav-link.active,
    .hesabim-left-box .nav-pills .show>.nav-link {
        background-color: orange !important;
    }

    .hesabim #v-pills-tab .nav-link.active {
        color: white !important;
        border-radius: 3px !important;

    }

    /* -----------------hesabim------------------ */
    .table td,
    .table th {
        font-size: 11px;
    }

    .ek-bilgi-icon img {
        width: 16%;
    }

    /* -----------------blog------------- */
    .blog-page-right {
        margin-bottom: 20px;
    }

    .number {
        width: 30px;
        height: 30px;
        right: 7px;

    }

    .blog-lef-page {
        margin-top: 20px;
    }

    .blog-detay-box {
        padding: 14px;
    }

    /* ---------------------categori---------------- */


    .btn.categori-search-btn {
        right: -11%;
    }

    .categori-search-img::after {
        right: 91%;
    }

    .urun-adet p {
        display: none;
    }

    .teslimat-adet p {
        margin-bottom: unset;
    }


    .categori-search-item .btn.categori-search-btn {
        width: 122px;
    }

    .odenecek-aciklama {
        left: 40%;
    }


    .teslimat-adet input {
        width: 27px !important;
    }

    .teslimat-buttons-group {
        margin-bottom: 50px;
    }

    .btn.categori-temizle-btn {

        width: 26%;
        float: right;
    }

    /* ------------------------------help-------------------------- */

    .help-page .nav-link:last-child {
        margin-left: unset;

    }

    .help-page #v-pills-tab a {
        font-size: 13px;
        width: 198px;
        text-align: center;
    }

    .hesabim {
        margin: 10px auto;
    }

    .second-kargo img {
        width: 69%;
    }

    .first-kargo img {
        width: 47%;
        margin-top: unset;
    }

    .help-page #v-pills-tab::before {
        content: "";
        position: absolute;
        border: 1px solid #f2f2f2;
        left: 50%;
        height: 64%;
    }


    /* ---------------footer------------------ */
    .footer-icon img {
        width: 6%;
    }

    .appstore img {
        width: 36%;
    }

    .footer-logo img {
        width: 34%;
    }

    .footer {
        padding-left: unset;
        padding-right: unset;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer-logo,
    .yardim,
    .iletisim,
    .appstore {
        border-bottom: 1px solid #464646;
        margin: 10px auto;
    }

    .footer-logo {
        margin-top: unset !important;
    }
}
@media (max-width: 320px) {
    .siparislerim-next i {
        display:none
    }
}
@media (max-width: 428px) {
    .search{
        display:block !important;
    }
    .btn.genaral-adress-copy {
        top: 51% !important;
    }
    .odenecek-bilgi {
        display: block;

    }    .odenecek-aciklama {
             right: 0% !important;
         }
    .btn.categori-search-btn {
        right: -15%;
    }
    .badge-primary{width: 100%; font-size: 11px !important;}
    .siparislerim-next {
        font-size: 12px !important;
    }
    .siparislerim-back {font-size: 14px !important;}
    .siparislerim-next i, .siparislerim-back i{ margin-top: 4px !important ; font-size:10px !important;}
    .siparislerim-next i {margin-left: 5px !important;}
    .paket-item img {
        left: 88;
        width: 5% !important;
    }

    .paketyon-urun-ekle-button .paket-yon-btn {
        width: 100% !important;
    }

    .iade-explain-box {
        padding: 10px;
    }

    .on-bilgi .checkbox svg {
        top: 8px;
    }

    .teslimat-img img {
        width: 55%;
    }

    .teslimat-img {
        height: 99px;
    }

    .sync-click i {
        right: 21%;
    }

    .time-wait p {
        font-size: 11px;
    }

    /* ----------- Nasıl Kullanılır ----------- */
    .nasil-kullanilir-page #sync2 .item img,
    .nasil-kullanilir-page #sync2 .item {
        height: 100px;
    }

    .nasil-kullanilir-page .item iframe {
        width: 100%;
        height: 212px;
    }

    .nasil-kullanilir-page #sync2 .owl-next,
    .nasil-kullanilir-page #sync2 .owl-prev {
        width: 40px;
        height: 40px;

    }

    /* --------------pay-section------------ */
    .payment-section-page p {
        font-size: 12px;
    }

    .payment-section-page .pay-section .pay-section-box-item {
        width: 122%;
    }

    .payment-section-page .teslimat-icons-box .radio {
        /* margin-bottom: 20px !important; */
        left: unset;
        position: relative;
        width: 100% !important;
    }

    .payment-section-page .teslimat-icons-box {
        margin-top: unset !important;
    }

    /* ----------------paket yonlendirme -------------- */
    .upload .custom-file {
        width: 74% !important;

    }

    /* ----------------- login register-------------- */
    .login-register-item {
        width: 100%;
    }

    .user-information-header p {
        left: 17%;
    }

    /* -------------- 404 not found page----------- */
    .not-page {
        font-size: 12rem;
    }

    .not-page img {
        width: 40%;
        height: 162px;
        margin-top: 68px;
    }

    /* ------------------help------------- */
    .calculation-box {
        padding: 20px !important;
    }

    .help-left-box #v-pills-tab a {
        font-size: 12px;
        width: 185px;
        text-align: center;
    }

    .help-left-box #v-pills-tab a {
        font-size: 11px;
    }

    .footer-logo img {
        width: 48%;
    }

    .first-kargo img {
        width: 80%;
    }

    .second-kargo img {
        width: 100%;
    }

    .second-kargo {
        margin-top: 19px;
    }


    /* -----------------siparis ayrinti ------------------------- */

    .download-section .download-section-banner {
        display: none !important;
    }

    .download-section .download-section-banner-mobile {
        display: block !important;
        margin-top: 40px;
    }

    .download-section .download-section-banner-mobile img {
        width: 100%;
    }

    .hesabim.hesap-ayrinti #v-pills-tab::before {
        content: "";
        border: 1px solid #f2f2f2;
        position: absolute;
        height: 46%;
        top: 50%;
        left: 50%;
    }

    .hesabim.hesap-ayrinti {
        margin-bottom: unset;
    }

    .abone {
        margin-bottom: unset;
    }

    .siparis-ayrinti-icon-box p {
        font-size: 9px;
    }

    .siparis-ayrinti-icon-box .btn {
        width: 100%;
        margin: unset;
    }

    /* ------------------------------ */
    .index-modal .modal-content {
        width: 96% !important;
    }

    .header-buttons-box {
        justify-content: unset;
    }

    .paket-item:first-child::after {
        right: 55%;
    }

    .paket {
        margin-left: -14px;
    }

    .paket-item img {
        left: 90%;
    }

    #header .logo {
        margin-top: 7px;
        height: 43px;
        display: flex;
        align-items: center;
    }

    .product-grid {
        height: 264px;
    }

    .download-lef-section-img a img {
        width: 37%;
    }

    .paket-item button,
    .header-buttons-box .btn,
    .paket-item a {
        font-size: 13px !important;
    }

    #dropdownMenuButton {
        font-size: 13px !important;
    }

    .dropdown-menu {
        left: -82% !important;
    }

    .body-icon img {
        width: 29%;
    }

    .search {
        display: none;
    }

    .mobile-search {
        display: block !important;
    }

    .slider {
        display: none;
    }

    .header-reklam-text p {
        font-size: 12px;
    }

    #myList img {
        width: 100%;
    }

    /* -------------benim icin al ------------ */
    .send-mail .form-control {
        width: 100% !important;
    }

    .benim-icin-al-kolay-header::after {
        left: 43%;
    }

    /* ------------------ Hakkimizda ---------------------- */
    .hesabim #v-pills-tab::before {
        content: "";
        border: 1px solid #f2f2f2;
        position: absolute;
        height: 64%;
        top: 32%;
        left: 50%;
    }

    .hesabim-left-box {
        margin-left: unset;
    }

    .hesabim .flex-column {
        display: flex;
        justify-content: space-between;
    }

    .hesabim {
        margin-bottom: unset;
    }

    /* -------------hesabim---------------- */

    .ek-bilgi-icon img {
        width: 9%;
        display: none;
    }

    .circle-plus .circle {
        right: 8%;
    }

    .registered-address-information {
        height: 137px;
    }

    .siparis-detay-img {
        height: 111px;
        width: 112px;

    }

    .siparis-detay-img {
        margin-left: -22px;
    }

    .table td,
    .table th {
        width: 50%;
        font-size: 11px;
    }

    /* ------------------blog--------------------- */
    .bummbe-nedir-item,
    .bummbe-nedir-boxes,
    .bummbe-nedir-boxess {
        padding: 9px;
    }

    /* -------------------categori---------------- */

    /*.categori-search-item {
        display: none;
    }*/

    .categori-search-item-mobile {
        display: block;
    }

    .categori-search-item-mobile input {
        height: 50px;
    }

    .categori-search-item-mobile .form-control {
        padding: .375rem 2rem !important;
    }

    .categori-search-item-mobile img {
        left: 5%;
    }

    .categori-search-item-mobile .btn.categori-search-btn {
        width: 102px;
        font-size: 13px;
    }

    .categori-search-item-mobile .btn.categori-search-btn {
        right: -14%;
    }

    .btn.categori-temizle-btn {
        width: 31%;
    }

    .urunu-ekle {
        width: 102px;
        font-size: 13px;
    }

    .odenecek-aciklama {
        left: 28%;
    }

    .main-input {
        display: none;
    }

    .mobile-input {
        display: block;
    }

    .teslimat-adet input {
        width: 33px !important;
        padding: 0.375rem .85rem !important;
    }


    /* -----------------categori-three----------------------- */
    .truck {
        text-align: end;
        margin-top: 20px;
        font-size: 13px;
    }

    /* ----------------------natification--------------------- */
    .teslimat-icons-box .radio {
        margin-top: 10px;
        left: 23%;
        position: relative;
        width: 60%;
    }

    .teslimat-icons-box {
        display: block;
    }

    /* ---------------paymentsystem-------------------- */

    .payment-page .payment-adress-change .adress-kategori .btn-primary {
        height: 137px;
        width: 100%;
        margin-top: unset;
    }

    .payment-page .payment-adress-box {
        padding: unset;

    }

    .payment-page .payment-teslimat-adres-header {
        margin: 20px auto;
        padding: unset;
        height: unset;

    }

    .payment-page .teslimat-adres-change {
        margin-top: unset;
    }

    .payment-page .teslimat-icons-box {
        display: flex;
        width: 100%;
        /* position: absolute; */
        top: -19%;
    }

    .payment-page .teslimat-adress-information {
        margin-top: unset !important;
        height: 137px;
        width: 100%;
    }

    .payment-page .teslimat-icons-box .radio {

        margin-top: unset;

    }

    .payment-page .payment-siparis-ozet {
        height: unset;

    }

    .payment-siparis-ozet-header p {
        padding: unset;
    }

    .payment-page .on-bilgi-box {
        height: unset !important;
    }

    /* -----------footer--------- */
    .appstore img {
        width: 46%;
    }

    .footer-icon img {
        width: 9%;
    }
    .warning-two {
        display: block !important;
        margin-bottom: 20px;
    }
    .warning-one {
        display: none !important;
    }
}

@media (max-width: 375px) {
    .search{
        display:block !important;
    }
    .btn-sepet{
        margin-right:15px;
    }
    .head-upload {
        position: absolute !important;
        left: 0 !important;
        width: 67% !important;
    }
    .btn.categori-search-btn {
        right: -18%;
    }
    .siparislerim-next {
        justify-content: space-around !important;
    }
    .paket-item img {
        width: 6% !important;
        left: 87% !important;
    }

    .siparislerim-back,
    .siparislerim-next {
        font-size: 12px !important;
    }

    .sync-click i {
        right: 15%;

    }
    .select-box {
        display: unset !important;
    }

    /* --------------------------paket yonlendirme --------------- */
    .upload .custom-file {
        width: 90% !important;
    }

    /* -------------regiser-login------------- */

    /* ----------------- 404 not page ------------ */
    .not-page {
        font-size: 10rem;
    }

    .not-page img {
        width: 38%;
        height: 139px;
        margin-top: 56px;
    }

    /* ------------------help-------------------- */

    .help-left-box #v-pills-tab a {
        width: 151px;
    }

    .help-left-box #v-pills-tab a {
        font-size: 11px;
    }

    .help-left-box #v-pills-tab .nav-link.active {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .help-left-box #v-pills-tab a {
        font-size: 10px;
    }

    .help-left-box #v-pills-tab a {
        width: 160px !important;
    }

    /* ---------------------------- */
    #header .logo img {
        width: 100%;
    }

    #header .logo {
        height: 43px;
    }

    #header .logo {
        margin-top: 7px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .paket {
        margin-left: -23px;
    }

    .paket-item:first-child::after {
        right: 58%;
    }

    .paket-item img {
        left: 89%;
    }

    .mont {
        font-size: 12px !important;
    }

    .header-buttons-box {
        justify-content: space-between !important;
    }

    .paket-item button,
    .header-buttons-box .btn,
    .paket-item a {
        font-size: 11px !important;
    }

    .slider {
        display: none;
    }

    .index-modal .modal-content {
        width: 95% !important;
    }

    .nasil-kullanilir-btn {
        margin-right: 28px;
    }

    .mobile-header .sepetim {
        display: none !important;
    }

    .mobile-header .mobile-sepet {
        display: block !important;
    }

    .btn.btn-sepet i {
        font-size: 19px;
    }

    .nasil-kullanilir-btn {
        margin-right: unset
    }

    #myList img {
        width: 100%;
    }

    .order-complete-down-title,
    .order-complete-title {
        text-align: center;
    }

    .send-mail .form-control {
        width: 100% !important;
        font-size: 12px !important;
    }

    .send-mail {
        margin: unset;
        margin-top: 33px;
    }

    .download-section-banner {
        margin-top: unset;
    }

    .abone {
        margin: 22px auto;
    }

    .modal-left-explain h5,
    .modal-right-explain h5 {
        font-size: 13px !important;
    }

    .modal-button .btn {
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* ----------benim icin al ----------- */
    .benim-icin-al-kolay-header::after {
        left: 49%;
    }

    /* ----------------hesabim--------------- */


    .hesabim-left-box {
        margin-left: unset;
    }

    .siparis-detay-infomation-box .tab-label {
        font-size: 12px !important;
    }

    .siparis-detay-img {
        width: 98px;
    }

    .user-information-item input {
        padding: 5px;
    }

    .user-information-box ::placeholder {
        font-size: 10px;
    }

    .form-control-sm,
    .input-group-sm>.form-control,
    .input-group-sm>.input-group-append>.btn,
    .input-group-sm>.input-group-append>.input-group-text,
    .input-group-sm>.input-group-prepend>.btn,
    .input-group-sm>.input-group-prepend>.input-group-text {
        padding-left: 2px !important;
    }

    .dropdown-menu {
        left: -102% !important;
    }

    /* -------------------categori---------------- */
    .categori-search-item-mobile .btn.categori-search-btn {
        right: -14%;
    }

    .categori-search-item-mobile .btn.categori-search-btn {
        width: 90px;
    }

    .categori-search-item-mobile .form-control {
        padding: .375rem 1.6rem !important;
    }

    .categori-search-item img {
        width: 19px;
    }

    .categori-search-item-mobile img {
        left: 5%;
    }

    .categori-search-item-mobile .btn.categori-search-btn {
        font-size: 12px;
    }

    .teslimat-adet input {
        width: 50% !important;
        padding: 0.375rem .5rem !important;
    }



    /* ----------------categori-three--------------------------- */
    .truck {
        text-align: end;
        margin-top: 20px;
        font-size: 13px;
    }

    .categorithree-explain p {
        font-size: 13px !important;
    }

    /* --------------footer----------- */
    .appstore img {
        width: 47%;
    }

    .footer-icon img {
        width: 11%;
    }

    .abone-text {
        font-size: 14px;
    }

    .download-lef-section-explain p {

        font-size: 13px !important;
    }

    /* -----------natification-------------- */
    .teslimat-icons-box .radio input[type="radio"]+.radio-label::before {
        width: 16px;
        left: 0px;
    }

    /* ---------------payment-system---------------- */
    .payment-section-page .pay-section .pay-section-box-item {
        width: 125%;
    }
}