/*@media (min-width:768px) and (max-width:992px)*/

@media (min-width:768px) and (max-width:1024px) {
    section {
        padding: 30px 0px 50px 0px;
    }

    .title {
        padding-bottom: 50px;
        width: 70%;
    }

    .btn {
        min-width: 150px;
    }

    .m-b-tab-30 {
        margin-bottom: 30px !important;
    }

    .m-b-tab-0 {
        margin-bottom: 0 !important;
    }

    .h-80 {
        height: 50px;
    }

    /*Mobile Menu*/
    header.navbar {
        position: relative;
    }

    ul.dropdown {
        top: 94%;
        border-top: 3px solid transparent;
        display: none;
    }

    ul.menu>li:hover ul.dropdown {
        border-top: 3px solid #76e056;
        top: 100%;
    }

    .mobile-menu {
        display: none !important;
    }

    .mobile-menu-open {
        display: block !important;
    }

    ul.menu>li:hover ul.dropdown {
        display: none;
    }

    /*Slider*/
    section.slider .slider-content {
        padding-top: 0px;
    }

    .slick-next {
        right: -40px;
    }

    .slick-prev {
        left: -40px;
    }

    /*Domain Search*/
    .domain-search .btn {
        min-width: 0;
        width: 100%;
    }

    /*Blocks*/
    .block .text {
        text-align: center;
        display: block;
    }

    .block img,
    section.features .text-right .block img {
        width: auto;
        height: auto;
        display: block;
        float: none !important;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    /*Blog*/
    .blog a.btn {
        min-width: 0;
        width: 100%;
    }

    .blog img {
        width: 100%;
    }

    /*Guaratess*/
    .guaratess p {
        padding-top: 0;
    }

    /*Pages*/
    .page .breadcrumb {
        padding-right: 30px;
    }

    /*About Page*/
    .story .block {
        margin-bottom: 0;
    }

    .story img {
        width: 100%;
        height: auto;
    }

    section.story ul {
        margin-bottom: 20px;
    }

    /*Contact*/
    .contact.page img {
        width: auto;
        height: auto;
    }

    .support .block {
        text-align: center;
    }

    section.support-center .block .btn {
        padding: 0px 15px;
    }

    /*Blog*/
    .blogs.page .blog {
        padding: 15px;
    }

    .blogs.page figure iframe {
        height: 230px;
    }

    .blogs.page .blog img {
        height: 230px;
        min-height: auto;
    }

    ul.blog-meta li a {
        margin-bottom: 5px;
    }

    /*Single*/
    .media-body,
    .media-left,
    .media-right,
    .media-body,
    .media-left,
    .media-right img {
        display: block;
        width: 100%;
        padding: 0;
    }

    section.single-post .post-content .post-text .media img {
        width: 100%;
        margin-bottom: 30px;
    }

    section.single-post .post-content .post-text,
    section.single-post .related-post,
    .post-pager,
    .post_author,
    .post-comments,
    .leave-comment {
        padding: 15px;
    }

    .post-pager li {
        display: block;
        width: 50%;
        padding: 0;
    }

    .post-comments .media-left {
        margin-bottom: 5px;
        padding: 0;
    }

    /*Domains*/
    .pricing_table thead {
        white-space: nowrap;
    }

    .domain-list ul.nav-tabs>li>a {
        padding: 0px 15px;
    }

    /*Coming Soon*/
    section.comingsoon-content .comingsoon-text {
        padding-top: 30px;
    }

    /*Pricing*/
    .price-table img {
        margin: 0 auto;
        margin-bottom: 30px;
        display: block;
        float: none !important;
    }

    section.pricing-table-3 .price-t-content {
        padding-left: 0;
        text-align: center;
        display: block;
        width: 100%;
    }

    /*Portfolio*/
    .portfolio.page .project .project-img img {
        height: 100%;
    }
    .logicsfort-wordpress-img {
        margin-top: 0;
        max-width: 100%;
    }

    #mobile__nav .navbar-collapse.collapse {
        display: none!important;
    }
    #mobile__nav .navbar-collapse.collapse.in {
        display: block!important;
        overflow-y: auto !important;
    }

    #navbarNavDropdown {
        height: calc(100vh - 50px) !important;
    }


}

@media (max-width:767px) {
    section {
        padding: 50px 0px 50px 0px;
        text-align: center;
    }

    .title {
        padding-bottom: 30px;
        width: 100%;
    }

    h1 {
        font-size: 30px;
    }

    .m-mob-0 {
        margin: 0 !important;
    }

    .m-b-mob-30 {
        margin-bottom: 30px !important;
    }

    .m-b-mob-0 {
        margin: 0 !important;
    }

    .btn {
        min-width: 130px;
    }

    /*Top Header*/
    .top-header ul.dropdown,
    .top-header ul.dropdown li {
        width: 150px !important;
        float: none !important;
    }

    .top-header .container ul:last-child {
        float: none;
        text-align: center;
    }

    /*Mobile Menu*/
    header.navbar {
        position: relative;
    }

    ul.dropdown {
        top: 94%;
        border-top: 3px solid transparent;
        display: none;
    }

    ul.menu>li:hover ul.dropdown {
        border-top: 3px solid #76e056;
        top: 100%;
    }

    .mobile-menu {
        display: none !important;
    }

    .mobile-menu-open {
        display: block !important;
    }

    ul.menu>li:hover ul.dropdown {
        display: none;
    }

    /*Slider*/
    section.slider .slider-content {
        padding-top: 30px;
        text-align: center;
    }

    section.slider .btn {
        margin-top: 20px;
        min-width: auto;
        padding: 0px 10px;
        height: 40px;
        line-height: 35px;
    }

    /*Domain Search*/
    .domain-search {
        text-align: center;
    }

    .domain-search .btn {
        width: 100%;
    }

    .domain-search .form-control {
        margin-bottom: 15px;
    }

    /*Blocks*/
    .block {
        text-align: center;
        margin-bottom: 30px;
    }

    .block .text {
        text-align: center;
    }

    .block img,
    section.features .text-right .block img {
        width: auto;
        height: auto;
        display: block;
        float: none !important;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    /*Clients*/
    .clients .block {
        margin-bottom: 30px;
    }

    /*Blog*/
    .blog {
        text-align: left;
    }

    .blog img {
        width: 100%;
    }

    /*Faq*/
    a.accordeon-title {
        text-align: left;
    }

    /*Footer*/
    .footer {
        padding: 50px 0px;
        text-align: left;
    }

    /*Copyright*/
    .copyright {
        height: auto;
        padding: 15px 0px;
    }

    .copyright a.up,
    .copyright p {
        line-height: 26px;
        margin-top: 20px;
        width: 100%;
        text-align: center;
    }

    /*Pages*/
    .page .page-banner {
        padding: 15px;
    }

    .page .page-banner h3,
    .page .breadcrumb {
        padding: 0;
        width: 100%;
        float: none;
    }

    .page .breadcrumb {
        text-align: center;
        margin-top: 15px;
    }

    /*Team*/
    section.perfect-employee .perfect-e-title {
        padding-top: 0;
        margin-bottom: 30px;
    }

    .our-team.page .filters-button-group {
        margin-bottom: 30px;
    }

    .element-item {
        right: 0 !important;
    }

    /*Cart*/
    .cart.page ul.cart li ul li,
    .cart.page ul.cart li ul li.cart-product {
        width: 100%;
        text-align: center;
    }

    .cart-info a.btn {
        width: 100%;
    }

    .cart.page ul.cart li.cart-all {
        text-align: left;
    }

    /*Blog*/
    .blogs.page .blog {
        padding: 15px;
    }

    .blogs.page figure iframe {
        height: 230px;
    }

    .pagination_nav .pagination li a {
        padding: 0 10px;
    }

    ul.blog-meta li a {
        margin-right: 5px;
    }

    .blogs.page .blog img {
        height: 230px;
        min-height: auto;
        margin-bottom: 15px;
    }

    .blog.quote_blog .media .media-left {
        display: block;
        text-align: center;
        padding-bottom: 15px;
    }

    .blog.quote_blog .media .media-body {
        padding-left: 15px;
    }

    .blogs.page .blog .slick-dots {
        display: none !important;
    }

    .blogs.page .slick-dotted.slick-slider {
        margin: 0;
    }

    .sidebar section {
        text-align: left;
    }

    /*Single*/
    .media-body,
    .media-left,
    .media-right,
    .media-body,
    .media-left,
    .media-right img {
        display: block;
        width: 100%;
        padding: 0;
    }

    section.single-post .post-content .post-text .media img {
        width: 100%;
        margin-bottom: 30px;
    }

    section.single-post .post-content .post-text,
    section.single-post .related-post,
    .post-pager,
    .post_author,
    .post-comments,
    .leave-comment {
        padding: 15px;
    }

    section.single-post .post-content .post-text {
        padding-top: 0;
        text-align: left;
    }

    .post-pager li {
        display: block;
        width: 50%;
        padding: 0;
    }

    .post-comments .media-left {
        margin-bottom: 5px;
        padding: 0;
    }

    .post-comments .media-left a {
        width: 100%;
    }

    .post-comments .media-left a img {
        margin: 0 auto;
        width: 70px;
    }

    .author-img {
        margin-bottom: 15px;
    }

    .author-img img {
        margin: 0 auto;
    }

    /*Domains Page*/
    .domain-list ul.nav-tabs>li {
        width: 100%
    }

    /*Features*/
    .reordering {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .reordering-1 {
        width: 100%;
        order: 1;
    }

    .reordering-2 {
        width: 100%;
        order: 2;
    }

    section.other-features ul.nav.nav-tabs {
        display: block;
    }

    section.other-features .nav-tabs>li {
        float: none;
    }

    .contact.page section.support {
        min-height: auto;
        padding: 50px 0;
    }

    .contact.page section.support .container {
        min-height: auto;
    }

    .contact.page section.support .support-text {
        padding: 0;
    }

    /*Coming Soon*/
    section.comingsoon-content .comingsoon-text {
        padding-top: 30px;
    }

    section.comingsoon-content {
        padding: 30px 0px;
    }

    section.comingsoon-content .comingsoon-text .btn {
        width: 100%;
    }

    /*Pricing*/
    .price-table img {
        margin: 0 auto;
        margin-bottom: 30px;
        display: block;
        float: none !important;
    }

    section.pricing-table-3 .price-t-content {
        padding-left: 0;
        text-align: center;
        display: block;
        width: 100%;
    }

    /*Domain Searc*/
    section.domain-search-result .btn {
        margin-top: 0px;
    }

    /*Hosting Shared*/
    .shared-page.page .clients .block {
        margin-bottom: 0;
    }

    /*Account*/
    section.account .nav-tabs>li {
        width: 100%;
    }

    /*Portfolio*/
    .portfolio.page .project .project-img img {
        height: 100%;
    }

    /*Reordring*/
    .reordering {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .reordering-1 {
        width: 100%;
        order: 1;
    }

    .reordering-2 {
        width: 100%;
        order: 2;
    }

    /* Services Page */
    .deisgnservice .col-md-4 {
        display: block;
        flex: none;
        max-width: none;
        width: 100%;
    }

    .our__passion .services {
        margin-bottom: 30px;
    }

    .our__passion .services .bg__icon {
        left: 50%;
        top: 20px;
        font-size: 140px;
        z-index: -1;
        color: #eee;
        margin-left: -135px;
    }

    .call__to_us a {
        float: none !important;
        margin: 0 auto;
        margin-top: 20px;
    }

    .block .text {
        display: block;
    }

    img.feature-star {
        top: -6px;
    }

    .services .btn-red-borderd {
        width: 130px;
    }

    .pricing-table .table-pricing,
    .pricing-table .main-plan {
        display: inline-block;
        width: 100%;
    }
    .main-plan .price-table {
        margin:0px;
    }
    .footer-wrapper .media-wrap img {
        margin: 0 auto;
    }
    .footer-wrapper .mbr-text {
        text-align: center;
    }
    .contact-source {
        text-align: center;
    }
    .copyright a.up, .copyright p {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .story .title-left {
        text-align: center;
    }
    .story .title-left .section-heading::after {
        margin: 15px auto 0px;
    }
    .servicesPagesNav {
        margin-bottom: 0;
        margin-top: 30px;
        background: none repeat scroll 0 0 rgb(190, 29, 36);
        width: 100%;
    }
    .servicesPagesNav ul {
        padding: 15px;
        width: 100%;
        margin: 0 !important;
    }
    section.story.service-detail-wrapper {
        background-image: url(../images/bg-8.jpg);
    }
    .service-detail-wrapper .btn-red-borderd { 
        width: 300px;
    }
    .servicesPagesNav ul li a {
        padding-left: 0;
    }
    .logicsfort-wordpress-img {
        margin-top: 0;
        max-width: 100%;
    }

}

@media screen and (max-width:480px) {}

* {
    outline: none;
}

/* navigation */
#mobile__nav.navbar {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    border: 0;
}

#mobile__nav a.logo {
    padding: 0;
    float: left;
    width: 150px;
    padding-top: 5px;
}

#mobile__nav nav.navbar {
    position: static;
    border: 0;
}

#navbarNavDropdown {
    position: absolute;
    background: #fff;
    left: 0;
    top: 50px;
    width: 100%;
    z-index: 999;
    height: calc(100vh - 50px);
    padding: 0;
    border: 0 !important;
    box-shadow: none !important;
}



#mobile__nav .navbar-nav {
    margin: 0;
    width: 100%;
}
#mobile__nav .navbar-nav > li {
    width: 100%;
}

#mobile__nav .navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 20px;
    display: block;
    padding: 5px 10px;
    background: #dc222b;
    border-bottom: 1px solid #ad1a21;
    color: #fff;
}
#mobile__nav  .navbar-nav>li>.dropdown-menu {
    position: static;
    width: 100%;
}

#mobile__nav ul.dropdown-menu li a {
    padding: 10px !important;
    color: #1d1d1d;
    font-weight: inherit;
    text-transform: initial;
    background: #f8f8f8;
    border-bottom: 1px solid #fff;
}

#mobile__nav #navbarDropdownMenuLink i {
    float: right;
    margin-top: 6px;
}

#mobile__nav .nav-item.open #navbarDropdownMenuLink i:before {
    content: "\f077";
}

#mobile__nav .navbar-toggler {
    background: white;
    border: 0;
    margin-top: 7px;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    color: #dc222b;
    text-align: center;
    padding-top: 7px;
}

#mobile__nav .navbar-toggler i {
    font-size: 20px;
}

/*#navbarDropdownMenuLink:before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
}*/