@media only screen and (min-width: 1300px) {
    .container {
        max-width: 1260px;
    }

    .profile-login span {
        display: inline-block;
    }

    .publish-buttons button:not(:last-of-type) {
        min-width: 203px;

    }

    .all-places {
        display: block;

    }

        .all-places > div {
            padding-left: 10px;
            display: inline-block;
            max-width: 33%;
            min-width: 284px;
            transition: all .5s linear;
            -webkit-transition: all .5s linear;
            -moz-transition: all .5s linear;
            -ms-transition: all .5s linear;
            -o-transition: all .5s linear;
        }

    .all-places {
        position: relative;
        overflow: hidden;
    }

    .main-resize {
        overflow: hidden;
        touch-action: none;
        flex-wrap: inherit;
    }

    .main-resize>div {
        width: 50%;
    }


    #resize-1 {
        flex: 0 0 auto;
        min-width: 315px;
        max-width: 50%;

    }


    #resize-2 {
        flex: 1 1 auto;
        min-width: 600px;

    }

    .splitter {
        display: inline-block;
    }

    .main-filters > div {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .main-filters > div {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .who_we_are_text {
        max-width: 60%;
    }
}

@media only screen and (min-width: 576px) {
    .remember-checkbox .form-group {
        margin-bottom: 0;
    }

    .forget-pass {
        margin-top: 10px;
    }

    .footer-contact {
        margin-top: 10px;
    }

    .owl-carousel.customer-stories-owl .owl-nav .owl-next {
        left: -30px;
    }

    .owl-carousel.customer-stories-owl .owl-nav .owl-prev {
        right: -30px;
    }

    .testimonial-div .owl-carousel.customer-stories-owl .owl-nav .owl-next {
        left: -27px;
    }

    .testimonial-div .owl-carousel.customer-stories-owl .owl-nav .owl-prev {
        right: -27px;
    }

    .conditions {
        font-size: 16px;
    }
}

@media only screen and (min-width: 992px) {
    .our_missions_values .row {
        align-items: stretch;
        justify-content: space-between;
    }

    .our_missions_grid {
        flex-grow: 1;
        max-width: calc(50% - 30px);
        margin: 0 15px;
    }

    .who_we_are_text {
        max-width: 90%;
    }

    .additional-quetions h2 {
        font-size: 32px;
    }

    .about-pg .who_we_are_text {
        max-width: 90%;
    }
}


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

    #resize-1:before {
        content: "";
        height: 100%;
        border-left: 2px solid #c7c7c7;
        top: 0;
        width: 2px;
        position: absolute;
    }

    #resize-1 {
        width: 40% !important
    }

    #resize-2 {
        width: 60% !important
    }

}

@media only screen and (min-width: 1200px) {

    .profile-products.hirozintal-red-scroll {
        height: 900px;
    }
}

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

    .lg-center {
        text-align: center
    }

    header li {
        padding: 15px 10px;
    }

    .product-details-grid:nth-of-type(even) {
        justify-content: flex-end;
        display: flex;
    }

    .product-right-data {
        margin-top: 10px;
    }

    .product-left-data {
        display: flex;
    }

    .product-left-data>div {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .footer-logo {
        margin: 0 auto;
        display: block !important;
    }

    .footer-links a {
        font-size: 14px;
    }

    #business-map {
        height: 300px;
        margin-bottom: 20px;
    }

    #resize-1,
    #resize-2 {
        width: 100% !important
    }

    #resize-1:before {
        content: none;
    }



    #map {
        height: 500px;
    }

    .prof-filter-grid {
        order: 1;
    }

    .tabs-grid {
        order: 2;
    }

    .testimonial-pg .sec-title:before {
        font-size: 4em;
        top: -70px;
    }

    .image-box {
        height: 315px;
    }
}

@media only screen and (max-width: 992px) {
    .md-center {
        text-align: center
    }

    .footer-links a {
        margin-bottom: 10px;
    }

    .footer-links:nth-of-type(2) {
        float: none;
    }

    .menu-icon {
        display: inline-block;
    }
.bi-bell {
    vertical-align: inherit;
}

    header ul {
        display: block;
    }

    header .list-inline li {
        display: block;
        margin-bottom: 20px;
        position: relative;
    }

    .language a {
        border: none;
        padding: 0;

    }

    .right-menu {
        padding: 0;
    }

    header li {
        padding: 0;
    }

    header ul li:before,
    header ul li:not(.has-main-submenu)::after {
        display: none;
    }



    nav .right-menu-grid {
        position: fixed;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        margin: auto;
        z-index: 99;
        top: 0;
        padding: 0;
        width: 0;
        opacity: 0;
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        -ms-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    nav.active .right-menu-grid {
        opacity: 1;
        width: 100%;
    }

    nav .right-menu {
        position: fixed;
        height: 100%;
        width: 285px;
        background: #fff;
        margin: auto;
        z-index: 999;
        top: 0;
        padding: 20px 0 20px;
    }

    header .right-menu>ul>li>a {
        padding: 0 30px;
        display: flex;
    }

    nav.active .right-menu {
        animation: menu_effect 1s cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-animation: menu_effect 1s cubic-bezier(0.075, 0.82, 0.165, 1);
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    header .fa-user-circle {
        display: inline-block;
    }

    .search-form-grid h1 {
        margin-bottom: 30px;
    }



    .title-border:before {
        left: 0;
        right: 0;
        margin: auto;
    }

    .login-form {
        margin: auto auto 20px;
    }

    .login-text {
        padding: 0;
    }

    .profile-login,
    .login-submenu {
        display: none !important;
    }

    .slider-youtube-link {
        top: -65px
    }

    .scroll-link span {
        display: none;
    }

    .scroll-link {
        height: 50px;
        width: 50px;
        background: #fff;
        border-radius: 50%;
        margin: auto;
        display: flex;
        text-align: center;
        padding: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        color: #D92228;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        margin-top: 20px;
        align-items: center;

    }

    .scroll-link i {
        margin: auto;
    }

    .main-search.login>.container>.row {
        min-height: 510px;
    }


    .contact-map {
        position: static;
        padding: 15px;
        width: 100%;
        margin-bottom: 20px;
    }

    .contact-map iframe {
        height: 500px;
    }

    .big-margin-div {
        padding-top: 50px;
    }

    .select-box {
        margin-bottom: 10px;
    }


    .profile-products .product-div {
        margin: auto;
    }

    .other-features-grid {
        order: 1;
    }

    .overview-grid {
        order: 2;
    }

    .main-submenu {
        position: relative;
        width: 100%;
        opacity: 1;
        visibility: visible;
        background: #fff;
        margin-top: 10px;
        display: none;
        box-shadow: none;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }

    .has-main-submenu:after {
        top: 2px;
        position: absolute;
        transition: all .5s linear;
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear;
    }

    .has-main-submenu.active:after {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    .main-submenu a {
        color: #111;
        background: #F6f8f8;
        border-bottom-color: #eee !important;
        padding: 10px 30px;
    }


    header li:hover .main-submenu a {
        animation: none;
        -webkit-animation: none;
    }

    .product-first-grid {
        order: 2;
    }

    .product-second-grid {
        order: 1;
    }

    .inner-features,
    .inner-list,
    .product-user {
        width: 100%;
    }

    .contact-timeline {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
        min-height: 70px;
        justify-content: center;
    }


    .inner-timeline {
        position: relative;
        text-align: center;
        bottom: -90px;
        width: 100%;
    }

    .timeline-pg {
        padding-bottom: 50px;
    }

    .profile-timeline {
        padding: 0;
        width: 100%;
        min-height: inherit;
    }

    .timeline-title {
        padding: 0 10px;
    }

    .profile-timeline-img {
        left: 0;
        right: 0;
        margin: auto;
        top: -170px;
    }

    .keep-in-touch h2 {
        font-size: 32px;
        line-height: 45px;
    }

    .testimonial-pg .sec-title:before {
        font-size: 3em;
        top: -47px;
    }

    .who_we_are_text {
        max-width: 80%;
    }

    .intersection-images {
        margin: 40px auto 0;
    }

    .our_missions_values .row {
        margin: 0;
    }

    .our_missions_grid {
        padding: 25px 20px 15px;
    }

        .our_missions_grid:not(:last-of-type) {
            margin-bottom: 25px;
        }

    .image-box {
        height: 260px;
    }
}

@media only screen and (max-width: 767px) {
    .min-height-div {
        min-height: 327px;
    }

    .sm-center {
        text-align: center
    }

    .opinion-description {
        font-size: 14px;
    }


    .copy-right-grid {
        margin-bottom: 5px;
    }

    .responsive-checkbox-content .round-checkbox i {
        display: none;
    }

    .decorate-link-div {
        flex-wrap: wrap;
    }

    .main-search .decorate-link {
        margin-bottom: 10px;
        flex: 0 0 100%;
    }

    .publish-buttons button {
        width: 50%;
        max-width: 45%;
    }

    .contact-map iframe {
        height: 300px;
    }

    #map,
    #map2 {
        height: 400px;
    }

    .left-profile-grid {
        position: absolute;
        height: 100%;

    }

    .left-profile-grid {
        position: static;
        height: auto;

    }

    .profile-pg>.container>.row {
        min-height: inherit;
    }


    .main-tabs .nav-tabs {
        text-align: center;
        justify-content: center;
    }

    .imageuploadify {
        min-height: 150px;
    }

    .main-file-label {
        height: 150px;
        width: -webkit-fill-available;
    }

    .contact-timeline {
        max-width: 100%;
        text-align: center;
        margin-bottom: 25px;
        min-height: 70px;
    }


    .inner-timeline {
        position: relative;
        text-align: center;
        bottom: -90px;

    }

    .timeline-pg {
        padding-bottom: 50px;
    }

    .profile-timeline {
        padding: 0;
        width: 100%;
        min-height: inherit;
    }

    .timeline-title {
        padding: 0 10px;
    }

    .profile-timeline-img {
        left: 0;
        right: 0;
        margin: auto;
        top: -170px;
    }

    .modal .problem-modal .modal-content {
        padding: 24px 15px;
    }

    .keep-in-touch {
        margin: 0 auto 30px;
    }

        .keep-in-touch h2 {
            margin-bottom: 20px;
        }

    .testimonial-pg .sec-title:before {
        font-size: 2em;
        top: -24px;
    }

    .who_we_are_text {
        max-width: 100%;
    }

    .intersection-images {
        max-width: calc(100% - 50px);
    }

    .image-box {
        height: 200px;
    }
}


@media only screen and (max-width: 576px) {
    .app-download-head{
        display:none;
    }

    .min-height-div {
        min-height: 337px;
    }

    .xs-center {
        text-align: center
    }

    h1 {
        font-size: 30px;
    }

    footer {
        padding: 10px 0;
    }

        footer img {
            margin-bottom: 10px;
        }

    .footer-links a {
        font-size: 12px;
    }

    .customer-stories-owl.owl-carousel .owl-nav {
        width: 100px
    }

    .product-owl .owl-nav,
    .customer-stories-owl .owl-nav {
        bottom: 35px !important;
        left: 0;
        right: 0;
        margin: auto;
    }

    .product-owl .owl-stage-outer,
    .customer-stories-owl .owl-stage-outer {
        padding-bottom: 50px;
    }

    .sec-title {
        font-size: 25px;
    }


    .search-form-group .custom-btn i {
        display: inline-block;
        position: static;
        color: #fff;

    }

    .search-form-group .custom-btn span {
        display: none;
    }

    .search-form-group .custom-btn i {
        margin: auto;
    }

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

    .search-form-group .custom-btn {
        min-width: inherit;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        padding: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: 5px;
        position: absolute;
    }

    .search-pg .search-pg-form button {
        position: absolute;
        top: 10px;
    }

    .round-checkbox input~label:before {
        height: 16px;
        width: 16px;
        border-width: 1px;
        top: calc(50% - 8px)
    }

    .round-checkbox input~label:after {
        top: calc(50% - 6px)
    }

    .mult-radio-btns {
        flex-wrap: wrap;
    }

    .mult-radio-btns > div {
        flex: 0 0 50%
    }

    .responsive-checkbox-content {
        border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -ms-border-radius: 0 0 10px 10px;
        -o-border-radius: 0 0 10px 10px;
        padding: 15px;
    }

    .responsive-checkbox .mult-radio-btns .round-checkbox input ~ label:before {
        top: calc(50% - 8px);
    }

    .responsive-checkbox .mult-radio-btns .round-checkbox input ~ label::after {
        top: calc(50% - 6px);
    }

    .main-search.login>.container>.row {
        min-height: 340px;
    }

    .slider-youtube-link {
        top: -50px;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 300px;
    }

    .margin-div {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .margin-top-div {
        padding-top: 30px;
    }

    .main-search {
        padding-top: 70px;
        padding-bottom: 20px;
    }

    .big-margin-div {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .login-form {
        padding: 30px 15px 15px;
    }

    input.phone {
        width: calc(100% - 106px);
    }

    .gallery-add .slider-youtube-link {
        position: static;
        margin-bottom: 20px;
        display: block;
        max-width: 98%;
        text-align: center;
    }

    .main-file-label,
    .secondary-upload.active .main-file-label {
        max-width: 100%;
        width: -webkit-fill-available;
    }

    .page-title {
        margin-bottom: 30px;
    }

    .customer-stories .margin-top-div {
        margin-top: 0;
    }

    .login-text {
        margin-top: 20px;
    }

    .button-contain .custom-btn.white {
        width: 100%
    }

    .button-contain .button-contain-send {
        margin-top: 0;
    }

    .pagination {
        width: 100%
    }

    .contact-timeline {
        min-height: 35px;
    }

    .contact-pg {
        padding-bottom: 10px;
    }

    .all-filters-div {
        display: none;
    }

    .secondary-filters {
        margin-top: 20px;
    }

    .prof-filter-grid {
        margin-bottom: 10px;
    }

    .before-search h2 {
        font-size: 16px
    }

    .publish-buttons button {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: auto auto 15px;
    }

    .main-product-list .share-list li {
        display: inline-block;
        margin: 10px;
    }

    .inner-list,
    .inner-features,
    .product-user {
        width: 100%;
    }

    .main-product-list .share-list li i,
    .main-product-list .st-custom-button:before {
        font-size: 14px;
    }

    .product-title .pro-type {
        position: relative;
        display: block;
        margin-bottom: 11px;
    }

    .product-title {
        padding: 0;
        margin-bottom: 20px;
        font-size: 16px;

    }

    #resize-1 {
        margin: 20px auto;
    }


    .main-timeline-img {
        height: 200px;
    }

    .profile-timeline-img {
        height: 100px;
        width: 100px;
        top: -110px;
    }

    .inner-timeline {
        bottom: -50px;
    }

    .app-download .custom-btn {
        min-width: 80px;
    }

    .app-download-img {
        height: 50px;
        width: 80%;
    }

    .faq-list li h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .testimonial-div {
        padding: 35px 0 39px;
    }

    .testimonial-pg .sec-title:before {
        font-size: 1em;
        top: -25px;
    }

    .testimonial-pg .sec-title {
        margin-bottom: 20px !important;
    }

    .testimonial-pg .opinion-div {
        max-width: 100%;
    }

    .testimonial-pg .customer-stories-owl .owl-nav {
        bottom: 75px !important;
    }

    .why_eureka-pg .main-timeline-img {
        height: 200px;
    }

    .search-pg .slider-youtube-link {
        font-size: 10px;
    }

    .modal-broadcast {
        min-width: 90%;
        position: absolute;
        left: 48%;
        top: 50%;
    }
}


@media only screen and (max-width: 450px) {
    .copyrights {
        font-size: 12px
    }
    .min-height-div {
        min-height: 316px;
    }

    .logo-grid img {
        max-width: 120px;
    }

    .mult-radio-btns {
        flex-wrap: wrap;
    }

    .mult-radio-btns>div {
        flex: 0 0 50%
    }

    .responsive-checkbox .custom-checkbox input~label {
        padding-bottom: 0;
        padding-top: 0;
    }

    .responsive-checkbox,
    .main-search-tabs {
        padding: 0;
    }

    .search-form-group .form-control {
        font-size: 11px;
    }

    .responsive-before-login i {
        font-size: 22px;
    }

    .select-box {
        font-size: 12px;
    }

    .select-box .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
        line-height: 35px !important;
    }



    .search-form-grid h1 {
        font-size: 22px;
        margin-bottom: 20px;

    }

    #map,
    #map2 {
        height: 300px;
    }

    #map3 {
        height: 200px;
    }

    .main-product-list .share-list li {
        margin: 3px;
        font-size: 13px;
    }

    .main-product-list .custom-checkbox input:checked~label {
        font-size: 12px;
    }


    .inner-features li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product-show-img {
        height: 50px;
    }

    #sync1 .item>div {
        height: 190px;
    }

    .product-details-carousel .owl-nav>button {
        top: 15%;
        font-size: 70px !important;
    }

    .messages-table li {
        flex-wrap: wrap;
    }

    .messages-table li:first-of-type {
        display: none;
    }

    .messages-table li span {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .timeline-title {
        font-size: 15px;
    }

    .input-group {
        display: block;
    }

    .input-group-text {
        border-radius: 8px 8px 0 0 !important;
        -webkit-border-radius: 8px 8px 0 0 !important;
        -moz-border-radius: 8px 8px 0 0 !important;
        -ms-border-radius: 8px 8px 0 0 !important;
        -o-border-radius: 8px 8px 0 0 !important;
    }

    .input-group>.form-control {
        width: 100%;
        border-radius: 0 0 8px 8px !important;
        -webkit-border-radius: 0 0 8px 8px !important;
        -moz-border-radius: 0 0 8px 8px !important;
        -ms-border-radius: 0 0 8px 8px !important;
        -o-border-radius: 0 0 8px 8px !important;
    }

    .image-box {
        height: 150px;
    }
}

@media only screen and (max-width: 400px) {
    .call-timeline span {
        display: none;
    }

    nav .right-menu {
        width: 260px;
    }

    nav.active .right-menu {
        animation: responsive_menu_effect 1s cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-animation: responsive_menu_effect 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

    .image-box {
        height: 120px;
    }
}