/*----------------------Mobile Menu Icon------------------------------*/

/*-----------------Superfish Menu------------------*/

.sf-arrows .sf-with-ul {
    padding-right: 20px;
}

.sf-arrows .sf-with-ul:before {
    content: '\2b';
    position: absolute;
    top: 32%;
    right: 0;
    font-size: 17px;
    font-weight: 300;
}

.toggle-nav,
a.closebtn {
    display: none;
}

/*-------------- media section ---------------*/
.side-nav-logo-vegit{
    display: none;
}

@media screen and (max-width:575px) {
    .socialbox{
        display: none;
    }
    .side-nav-logo-vegit{
        display: block;
    }
    .main-header-box>.row{
        justify-content: space-between;
    }
    .logo {
        margin: 15px auto;
    }
    #topbar {
        display: none;
    }
    #topbar ul {
        text-align: center;
    }
    #topbar li {
        display: block;
        margin: 10px 0;
    }
    .main-header-box {
        margin-top: 10px 0;
    }
    .toggle-nav {
        top: 6px;
    }
    #slider .slider-box {
        max-width: 50%;
        left: 5%;
    }
    #slider .slider-box h1 {
        font-size: 14px;
        line-height: 20px;
    }
    #slider ol.carousel-indicators {
        left: 92%;
        top: 10%;
    }
    #slider .slider-box p,
    #slider .slide_btn {
        display: none;
    }
    section#service {
        position: unset;
        bottom: 0;
    }
    #about .main_heading,
    #about .about-box,
    #choose .heading h3,
    #choose .main_text,
    #choose .heading,
    #what_we_can .data,
    #banner .banner-head,
    #team .main_heading,
    #team .main_text,
    #team .main_btn,
    #faq .main_heading,
    #faq .main_text,
    #latest_news .data,
    #testimonial .main_heading,
    #testimonial .main_text,
    #testimonial .testimonial-content {
        text-align: center;
    }
    .choose_bg {
        background-image: unset;
    }
    #counter h5.title {
        max-width: unset;
    }
    #testimonial .img-1,
    #testimonial .img-2,
    #testimonial .img-3,
    #testimonial .img-4,
    #testimonial .img-5,
    #testimonial .img-6 {
        position: unset;
    }
    #testimonial .img-5 img {
        width: unset;
        height: unset;
    }
    #testimonial .pading {
        padding: unset;
    }
    #testimonial .left-content-images img {
        width: 100%;
        border-radius: 50%;
        margin: 10px;
        float: left;
    }
    #testimonial .img-1,
    #testimonial .img-2,
    #testimonial .img-3,
    #testimonial .img-4,
    #testimonial .img-5,
    #testimonial .img-6 {
        width: 45%;
        float: left;
        margin: 5px;
    }
    .main_heading {
        font-size: 20px;
        text-align: center;
    }
    #newsletter h3,
    .newsletter-box {
        text-align: center;
    }
    #newsletter .newsletter-box input[type="email"] {
        border-top-left-radius: unset;
        border-bottom-left-radius: unset;
    }
    #newsletter .newsletter-box input[type="submit"] {
        margin-top: 10px;
        position: unset;
    }
    #newsletter .contact-form-box input[type="submit"] {
        margin-top: unset;
        margin-bottom: 10px;
    }
    .contact-form-box {
        padding: 0 20px;
        text-align: center;
    }
    .newsletter-box {
        padding: 35px 20px;
    }
    #newsletter .contact-box ul {
        text-align: center;
    }
    #footer h3 {
        text-align: left;
        font-size: 30px !important;
    }
    #footer {
        text-align: left;
    }
    #footer .footer-cols p {
        text-align: left;
    }
    #footer ul li {
        text-align: left;
    }
    .footer1,.footer2,.footer3,.footer4{
        margin: 20px 0 !important;
    }
    #footer .list-view li {
        padding: 1px 0 0;
    }
    /* #footer .list-view li a{
        color: #888888 !important;

    } */
    section {
        padding: 20px 0;
    }
    blockquote {
        width: 100%;
    }
    .media-small {
        padding-left: 10px !important;
    }
    section h2 {
        font-size: 22px;
    }
    .above_title {
        margin-top: 2%;
    }
    .sticky {
        position: unset !important;
    }
    .post-navigation .nav-previous {
        width: 100%;
    }
    .post-navigation .nav-next {
        width: 100%;
    }
}

@media screen and (min-width: 576px) and (max-width:767px) {
    .logo {
        margin: 15px auto;
    }
    #topbar ul {
        text-align: center;
    }
    #topbar li {
        display: block;
        margin: 10px 0;
    }
    .main-header-box {
        margin-top: 10px 0;
    }
    .toggle-nav {
        top: 6px;
    }
    #slider .slider-box {
        max-width: 45%;
    }
    #slider .slider-box h1 {
        font-size: 25px;
        line-height: 30px;
    }
    #slider .slider-box p {
        display: none;
    }
    #slider ol.carousel-indicators {
        top: 40%;
    }
    section#service {
        position: unset;
        bottom: 0;
    }
    #about .main_heading,
    #about .about-box,
    #choose .heading h3,
    #choose .main_text,
    #choose .heading,
    #banner .banner-head,
    #team .main_heading,
    #team .main_text,
    #team .main_btn,
    #faq .main_heading,
    #faq .main_text,
    #latest_news .data,
    #testimonial .main_heading,
    #testimonial .main_text,
    #what_we_can .data,
    #testimonial .testimonial-content {
        text-align: center;
    }
    .choose_bg {
        background-image: unset;
    }
    #counter h5.title {
        max-width: unset;
    }
    #testimonial .img-1,
    #testimonial .img-2,
    #testimonial .img-3,
    #testimonial .img-4,
    #testimonial .img-5,
    #testimonial .img-6 {
        position: unset;
    }
    #testimonial .img-5 img {
        width: unset;
        height: unset;
    }
    #testimonial .pading {
        padding: unset;
    }
    #testimonial .left-content-images img {
        width: 120px;
        border-radius: 50%;
        height: 120px;
        margin: 10px;
        float: left;
    }
    #newsletter h3,
    .newsletter-box {
        text-align: center;
    }
    #newsletter .contact-form-box input[type="submit"] {
        margin-top: unset;
        margin-bottom: 10px;
    }
    #latest_news .latest-content img {
        width: 100% !important;
    }
    .contact-form-box {
        padding: 0 20px;
        text-align: center;
    }
    .newsletter-box {
        padding: 35px 20px;
    }
    #newsletter .contact-box ul {
        text-align: center;
    }
    .main_heading {
        font-size: 20px;
        text-align: center;
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .logo {
        margin: 15px auto;
    }
    .main-header-box {
        margin: 10px 0;
    }
    #slider .slider-box h1 {
        font-size: 25px;
    }
    #slider .slider-box p {
        display: none;
    }
    section#service {
        bottom: 0;
    }
    .choose_box {
        padding: 20px 30px;
    }
    .middle-img {
        text-align: center;
    }
    .contact-form-box {
        margin: 0 20px;
    }
}

@media screen and (min-width: 992px) and (max-width:1200px) {}

@media screen and (max-width: 1024px) {
    .main-navigation a:before,
    .main-navigation a:after {
        display: none;
    }
    .main-navigation ul ul {
        background-color: transparent;
    }
    .main-navigation ul ul li,
    .menubar.scrolled .main-navigation ul ul li {
        border-bottom: none;
    }
    .main-navigation .sub-menu li:before {
        top: 12px;
    }
    .site-description {
        font-size: 12px !important;
    }
    .toggle-nav {
        display: block;
        position: relative;
        height: 30px;
        width: 30px;
        cursor: pointer;
        z-index: 999999;
        top: 6px;
    }
    .toggle-nav i {
        font-size: 29px;
        color: #1f1e1e;
    }
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999999;
        top: 0;
        right: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }
    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        color: #818181;
        display: block;
        transition: 0.3s;
    }
    .sidenav a:hover {
        color: #f1f1f1;
    }
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        display: block;
        color: #ffffff;
    }
    .sidenav #site-navigation {
        width: 100%;
    }
    .toggle-nav span {
        cursor: pointer;
        text-align: right;
    }
    iframe {
        width: 100%;
        height: auto;
    }
    .innermenubox {
        position: static;
        padding-bottom: 10px;
    }
    .main-navigation .menu {
        float: none;
        text-align: center;
    }
    .main-navigation ul ul li,
    #masthead.scrolled .main-navigation ul ul li {
        display: block;
    }
    .main-navigation .menu>ul>li.highlight {
        background: transparent !important;
    }
    .menu>ul>li:hover:before,
    .menu>ul>li.current_page_item:before,
    .menu>ul>li.current-menu-item:before {
        display: none;
    }
    .sf-arrows .sf-with-ul:after {
        border-top-color: #333;
    }
    .toggle i.fa.fa-bars,
    .toggle i.fa.fa-times {
        float: right;
        color: black;
    }
    .menubar .nav ul {
        width: 100%;
        margin-top: 0;
    }
    .menubar .nav ul li,
    .menubar.scrolled .main-navigation li {
        border-top: 1px #303030 solid;
        display: block;
        text-align: left;
        float: none;
        width: 18rem;
        padding: 5px;
    }
    .nav ul li a {
        padding: 5px 10px;
        display: block;
        color: #ffffff;
        text-align: left;
    }
    .nav ul li a:hover {
        color: #ff8a00;
    }
    .nav ul li ul,
    .nav ul li ul ul {
        display: block !important;
    }
    .nav ul li ul li a:before {
        content: "\00BB \00a0";
    }
    .nav ul li ul li a {
        padding-left: 20px !important;
    }
    .nav ul li ul li ul li a {
        padding-left: 30px !important;
    }
    .main-navigation ul ul {
        position: static;
        width: 100%;
        box-shadow: none;
    }
    .main-navigation li.current_page_item {
        border: none;
    }
    section {
        padding: 30px 0;
    }
    #slider .social,
    #choose .bottom_img:after {
        display: none;
    }
}