/*----------For 1024 to 768px----------*/

@media only screen and (min-width: 992px) and (max-width: 1260px) {
    .navbar-nav .nav-link {
        font-size: 10px;
    }
    .navbar-nav .nav-item {
        padding-right: 12px;
    }
    
    .menu-list-item a, .menu-list-items span, .menu-list-items a {
        font-size: 13px;
    }
    .contact-section .heading1 {
        padding: 0 80px;
    }
    .slider-btn-grop {
        padding-top: 25px;
    }
    .main-heading {
        font-size: 60px !important;
        line-height: 70px !important;
        margin-bottom: 15px !important;
    }
}
@media screen and (max-width: 992px) {

    body {
        padding-top: 60px;
    }

    /*----------Header Mobile Css Start----------*/

    html {
        box-sizing: border-box;
    }

    html,
    body {
        height: 100%;
    }

    *,
    *:after,
    *:before {
        box-sizing: inherit;
    }


    .btn-open {
        border: 0;
        border-radius: 27.5px;
        box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .05);
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        /*min-width: 150px;*/
        outline: 0;
        padding-bottom: 15px;
        padding-top: 15px;
        cursor: pointer;
        margin: 0 6px;
    }
    .btn-open:active {
        box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, .1);
    }

    .btn-open.first {
        background-color: #fd698d;
        color: #ffffff;
    }
    .btn-open.second {
        background-color: #ffffff;
        color: #fd698d;
    }

    /* zeynepjs menu styles */
    .zeynep {
        background-color: #ffffff;
        color: #404143;
        width: 100%;
    }

    .zeynep ul {
        list-style-type: none;
        padding: 0;
        /*padding-left: 20px;*/
        -webkit-overflow-scrolling: touch;
    }
    .zeynep ul > li {
        display: block;
    }

    .zeynep ul > li > a {
        display: block;
        font-size: 14px;
        font-weight: 400;
        padding: 15px 20px;
        text-decoration: none;
        transition: all 150ms;
        color: #30373E;
    }
    .zeynep ul > li > a:hover {
        background-color: #efefef;
        border-radius: 3px;
    }

    /*.zeynep ul > li:not(:last-child) > a {*/
    /*    border-bottom: 1px solid #efefef;*/
    /*}*/

    .zeynep ul > li a {
        border-bottom: 1px solid #efefef;
    }

    .zeynep ul > li.has-submenu > a {
        background-image: url("../images/submenu-arrow.svg");
        background-position: right 20px center;
        background-repeat: no-repeat;
        background-size: 8px 14px;
    }

    .zeynep ul > li.has-submenu > a:hover {
        background-image: url("../images/submenu-arrow-active.svg");
    }

    /* zeynepjs submenu styles */
    .zeynep .submenu {
        background-color: #ffffff;
        left: 100%;
    }

    .zeynep .submenu-header {
        background-image: url("../images/menu-back.svg");
        background-position: left 20px center;
        background-repeat: no-repeat;
        background-size: 8px 12px;
        /*border-bottom: solid 1px #efefef;*/
        cursor: pointer;
        position: relative;
        background-color: #173629;
    }

    .zeynep .submenu-header > a {
        display: block;
        font-size: 14px;
        font-weight: 600;
        padding: 20px 20px;
        padding-left: 40px;
        text-decoration: none;
        color: #FFFFFF;
        text-transform: uppercase;
    }

    .zeynep .submenu-header > a:before {
        background-image: url("../images/submenu-arrow.svg");
        background-position: right 20px center;
        background-repeat: no-repeat;
        background-size: 8px 14px;
        content: "";
        height: 100%;
        left: 26px;
        position: absolute;
        top: 0;
        transform: rotate(-180deg);
        width: 20px;
    }


    .header-mobile .main-header{
        position: fixed;
        top: 0;
        width: 100%;
        height: 60px;
        z-index: 99;
        padding: 5px 20px;
    }
    .menu-top-heading {
        color: var(--white) !important;
        font-family: "Jost", sans-serif;
        font-size: 14px !important;
        line-height: 20px;
        text-transform: uppercase;
        border: 0 !important;
        font-weight: 600 !important;
        padding: 20px 0 20px 0 !important;
        border-bottom: 2px solid #C87E5D !important;
        margin-left: 20px;
    }
    .menu-top-heading:hover{
        background-color: transparent !important;
        border-radius: 0 !important;
    }
    /*----------Header Mobile Css End----------*/
}



/*----------For 786px to 375px----------*/
@media screen and (max-width: 992px) {


    /*----------Common Css Start----------*/

    .title-before {
        line-height: 16px;
        letter-spacing: 2.5px;
        text-align: center;
    }


    .section-padding {
        padding: 45px 8px 45px 8px;
    }
    .hero-section {
        padding: 45px 8px 45px 8px !important;
    }

    .top-padding {
        padding: 45px 8px 0 8px;
    }

    .text-after {
        font-size: 16px;
        line-height: 28px;
        text-align: center !important;
    }

    .main-heading {
        font-size: 40px !important;
        line-height: 53px;
        margin-bottom: 15px !important;
        text-align: center;
    }

    .heading1 {
        font-size: 36px;
        line-height: 50px;
        text-align: center;
    }
    .heading2 {
        font-size: 20px;
        font-weight: 400;
        line-height: 36px;
    }
    .heading3 {
        font-size: 20px;
        margin: 20px 0 10px;
    }
    .heading4 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .heading5 {
        font-size: 18px;
    }
    .text-page p {
        line-height: 24px;
    }


    /*----------Page Header Css Start----------*/
    .page-header {
        border-top: 1px solid #4A4A4A;
        padding: 45px 8px 45px 8px;
    }
    .page-header .heading{
        text-align: center !important;
        font-size: 40px !important;
        line-height: 53px;
        margin-bottom: 15px !important;
    }

    .page-section {
        padding: 45px 8px 45px 8px;
    }
    /*----------Page Header Css End----------*/

    /*----------FAQ Css Start----------*/
    .faq-heading {
        margin-bottom: 34px;
        font-size: 24px !important;
    }
    .accordion-button {
        font-family: "Prata", serif;
        font-size: 18px;
        line-height: 30px;
        color: var(--black1);
        padding: 0 0 10px 0;
        margin-top: 12px;
        align-items: flex-start;
        gap: 20px;
    }
    .accordion-body {
        padding: 0 20px 20px 0;
        color: #173629;
        line-height: 24px;
    }
    .faq-section {
        padding: 45px 0;
    }
    /*----------FAQ Css End----------*/

    /*----------Common Css End----------*/



    /*----------Hero Section Css Start----------*/
    .slider-btn-grop {
        padding-top: 30px;
        justify-content: center;
    }
    /*----------Hero Section Css End----------*/

    /*----------Who We Are Section Css Start----------*/
    .who-we-are .heading2 {
        text-align: center;
    }
    .who-we-are .header {
        margin-bottom: 20px;
    }
    /*----------Who We Are Section Css End----------*/




    /*----------Why Choose Section Css Start----------*/
    .why-choose .header {
        margin-bottom: 60px;
    }
    .why-choose .box {
        margin-bottom: 60px;
    }
    .why-choose .box.last-child {
        margin-bottom: 0;
    }


    .why-choose .box .icon {
        margin-bottom: 24px;
    }

    .why-choose .box .desc {
        padding: 0 30px 0 30px;
    }

    .why-choose .card-container {
        position: relative;
        top: 60px;
        padding: 0 20px 0 20px;
    }

    .why-choose .card .card-body {
        background: var(--cream);
        padding: 52px 34px 66px 34px;
    }

    .why-choose .card .card-body .card-text {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 32px;

    }

    /*----------Why Choose Section Css End----------*/


    /*----------Why Offers Css Start----------*/

    .offers-section .container {
        padding: 0 20px;
    }

    .offers-section .header {
        margin-bottom: 26px;
        margin-top: 130px;
    }

    .offers-section .product-section .card {
        margin-bottom: 40px;
    }

    .offers-section .product-section .card.last-item {
        margin-bottom: 0;
    }

    .product-section .card .card-img-top {
        margin-bottom: 25px;
    }
    .product-section .text-container {
        padding: 0 20px;
    }

    .product-section .card {
        margin-bottom: 30px;
    }

    /*----------Why Offers Css End----------*/



    /*----------Why Choose Section Css Start----------*/

    .why-choose-2 .text-box {
        margin-bottom: 50px;
        text-align: center;
        padding: 0 25px;
    }
    .why-choose-2 .round {
        padding: 0 25px;
    }
    .why-choose-2 .header {
        margin-bottom: 40px;
    }

    /*----------Why Choose Section Css End----------*/



    /*----------Why Choose Other Section Css Start----------*/
    .other-section .header {
        margin-bottom: 26px;
    }

    .other-section .card {
        border: 0;
        padding: 0 20px;
        border-radius: 0;
        text-align: center;
        margin-bottom: 50px;
    }
    .other-section .card.last-item {
        margin-bottom: 0;
    }

    .other-section .card .card-image {
        border-radius: 20px;
        margin-bottom: 30px;
    }

    .other-section .card .card-title {
        color: var(--black1);
        font-family: "Prata", serif;
        font-size: 24px;
        line-height: 32px;
    }

    .other-section .card .card-text {
        font-family: "Jost", sans-serif;
        font-size: 16px;
        line-height: 24px;
        color: #999999;
    }

    /*----------Why Choose Other Section Css End----------*/

    /*----------Why Contact Section Css Start----------*/
    .contact-section .btn {
        margin-top: 36px;
    }

    .contact-section .heading1 {
        padding: 0;
    }

    .contact-section .text-after {
        padding: 0;
    }

    /*----------Why Contact Section Css End----------*/


    .navbar-nav .nav-item {
        padding-right: 0;
    }

    .dropdown-toggle::after {
        right: 0;
    }

    .btn-contact {
        width: 100%;
    }


    /*----------About Page Css Start----------*/
    .president img{
        margin-top: 30px;
    }
    .president .last-item img{
        margin-top: 0 !important;
    }
    .president figure {
        margin: 0;
    }
    .president figure.last-item {
        margin-bottom: 20px;
    }
    .president figcaption {
        font-size: 11px;
        margin-top: 15px;
        margin-bottom: 0;
    }
    .president span {
        font-size: 11px;
    }
    .text-section {
        margin-bottom: 40px;
    }
    .president .heading1{
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px;
        text-align: left;
    }
    /*----------About Page Css End----------*/



    /*----------Footer Section Css Start----------*/
    .footer-padding {
        padding: 60px 8px 0 8px;
    }
    .footer-columns {
        margin-bottom: 40px;
    }
    .title-footer {
        margin-bottom: 10px;
    }

    .menu-list-item {
        line-height: 24px;
    }
    .bottom-menu-item {
        font-family: "Jost", sans-serif;
        font-size: 14px;
        line-height: 24px;
        color: #999999;
        display: inline-block;
        text-decoration: none;
        transition: color 0.3s;
    }
    .bottom-menu-item:hover{
        color: var(--black1);
    }
    .divider {
        border-bottom: 1px solid #F5F5F5;
    }
    .footer-bottom-right {
        margin-bottom: 16px;
    }
    .footer-bottom {
        padding: 40px 0;
    }
    .footer-bottom-left {
        padding: 0 50px;
    }
    /*----------Footer Section Css End----------*/
}