/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24 Dec, 2019, 1:27:16 PM
    Author     : Ankur Parmar
*/

/*  Theme Responsive Css */

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

    .boxed_wrapper{
        overflow-x: hidden;
    }

}

@media only screen and (max-width:1160px){
    .page-title .image-box{
        display: none !important;
    }
}

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

    .call-to-action .image-box,
    .cta-section:before,
    .cta-section:after{
        display: none;
    }

    .call-to-action:before,
    .call-to-action:after{
        display: none;
    }

    .call-to-action .inner-box{
        max-width: 100%;
    }

    .main-header.style-two .menu-right-content{
        margin-left: 50px;
    }

    .portfolio-section .project-tabs{
        margin-left: 0px;
    }

    .portfolio-section .tab-btn-box .btn-box{
        display: none;
    }

    .portfolio-section .tab-btn-box .tab-btns{
        display: block;
    }

    .portfolio-section .tabs-content .bubble-box{
        display: none;
    }

    .portfolio-section .tab-btn-box .tab-btns li{
        padding: 9px 0px 16px 55px;
        display: block;
        max-width: 300px;
        margin: 0 auto !important;
        margin-bottom: 20px !important;
    }

    .portfolio-section .tab-btn-box .tab-btns{
        border-bottom: none;
    }

    .portfolio-section .tabs-content .image-box .image{
        float: none;
        margin-bottom: 30px !important;
    }

    .portfolio-section .tabs-content .image-box .image-2,
    .portfolio-section .tabs-content .image-box .image-3{
        margin: 0px;
    }

    .portfolio-section .tab-btn-box {
        margin-bottom: 100px;
    }

    .news-style-two .nav-style-one .owl-nav {
        left: -315px;
    }

    .news-style-two .news-block-two{
        min-height: 565px;
    }

    .discover-section.style-two .user-image,
    .banner-style-five:before,
    .banner-style-five .image-box,
    .about-style-four:before,
    .feature-style-three.home-6:before{
        display: none;
    }

    .banner-style-five .inner-box .content-box .video-btn{
        position: relative;
        right: 0px;
        top: 0px;
        margin-top: 100px;
    }

    .banner-style-five{
        padding-bottom: 150px;
    }

    .about-style-four .image-box{
        margin-left: 0px;
    }

    .main-header.style-seven .menu-right-content{
        margin-left: 215px;
    }

    #eCommerce-carousel .brand-text,
    .eCommerce-banner .social-share{
        display: none;
    }



    .portfolio-left-filter .sortable-masonry .filters{
        position: relative;
        left: 0px;
        top: 0px;
        text-align: center;
        margin-bottom: 50px;
    }

    .portfolio-left-filter .sortable-masonry .filter-btns li{
        display: inline-block;
        margin: 0px 5px;
    }

    .feature-style-three.feature-page .content-box{
        margin-right: 0px;
        margin-left: 0px;
    }

    .about-style-four.feature-page .anim-image{
        display: none;
    }

    .footer-subscribe.style-four .image-box,
    .eCommerce-banner .inner-content .image-box .image-1,
    .eCommerce-banner .text {
        display: none;
    }

    .footer-subscribe.style-four .inner-container{
        float: none;
        max-width: 100%;
    }

}


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

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box:before{
        background: transparent !important;
    }

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box .content-box h2, 
    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box .content-box h2 a{
        color: #37253c;
    }

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box .content-box .text p{
        color: #706773;
    }

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box .content-box{
        float: none;
        max-width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box .image-box{
        float: none;
        text-align: center;
        margin-bottom: 50px !important;
    }

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box:last-child .image-box{
        float: none;
    }

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box:last-child .image-box .image{
        float: none;
        margin: 0px;
        margin-top: 50px !important;
    }

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box:first-child {
        margin-bottom: 80px;
        padding: 0px 30px;
    }

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box:last-child{
        padding-bottom: 0px;
    }

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box:last-child .content-box{
        margin-left: 0px;
    }

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box:last-child{
        padding: 0px 30px;
    }

    .google-map-section.contact-page-2 .contact-form-area{
        position: relative;
        width: 100%;
    }
    .agency-section:before,
    .agency-section:after{
        display: none;
    }

    .features-style-two .feature-block-one {
        padding: 70px 15px;
    }

    .container{
        padding: 0px 15px;
    }


}


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

    .banner-style-one .image,
    .cta-section .icon-box,
    .creative-style-two:before{
        display: none;
    }

    .agency-section .inner-content .single-item .image-box{
        float: none;
        text-align: center;
    }

    .portfolio-single.portfolio-single-3 .top-content .social-style-one{
        float: none;
        display: block;
        margin-bottom: 15px;
    }

    .language{
        display: none;
    }

    .agency-section .inner-content .single-item:nth-child(2) .image-box, 
    .agency-section .inner-content .single-item:last-child .image-box{
        float: none;
    }

    .agency-section .inner-content .single-item .content-box{
        padding: 30px 0px;
    }

    .testimonial-section .user-image,
    .pricing-section .shape-box,
    .banner-style-two .image-three,
    .banner-style-two .image-one,
    .agency-style-two:before{
        display: none;
    }

    .pricing-section .inner-box{
        margin: 0px;
        padding: 0px;
    }

    .cta-section .inner-shape-background {
        padding: 200px 0px;
    }

    .main-footer .about-widget{
        margin: 0px 0px 50px 0px;
    }

    .banner-style-two .content-box{
        margin: 0px;
    }

    .banner-style-two .image-two{
        float: none;
        margin-right: 0px;
        top: 0px;
    }

    .features-style-two .feature-block-one{
        min-height: 477px;
    }

    .agency-style-two .inner-content .image-box{
        margin-right: 0px;
    }

    .agency-style-two .inner-content .content-box{
        padding: 0px;
        margin: 0px;
    }

    .agency-style-two:after{
        display: none;
    }

    .agency-style-two .inner-content:last-child .image-box{
        margin: 0px;
    }

    .agency-style-two .inner-content .image-box img{
        float: none;
        max-width: 100%;
        width: 100%;
    }

    .portfolio-section .content-box{
        margin-left: 0px;
    }

    .testimonial-section.style-two{
        padding-bottom: 150px;
    }

    .portfolio-section{
        padding-top: 150px;
    }

    .footer-subscribe .image-box{
        display: none !important;
    }

    .news-style-two{
        padding-bottom: 100px;
    }

    .news-style-two:before{
        display: none;
    }

    .main-header .menu-right-content,
    .main-header.style-two .menu-right-content {
        margin-left: 0px;
    }

    .main-header .logo-box{
        margin-right: 20px;
    }

    .banner-style-three .inner-box .image-box,
    .about-style-two:before,
    .video-style-two .image-box:before,
    .video-style-two .image-box:after{
        display: none;
    }

    .style-bg{
        display: none !important;
    }

    .team-section{
        padding-bottom: 0px;
    }

    .counter-block-two:first-child,
    .counter-block-two:last-child{
        top: 140px;
    }

    .banner-style-four .image-box,
    .about-style-three:before,
    .portfolio-section.style-three .project-tabs .btn-box{
        display: none;
    }

    .feature-style-three{
        padding-top: 100px;
    }

    .our-story.style-two .content-box,
    .about-style-three .image-box{
        margin: 0px;
    }

    .about-style-three .image-box img{
        max-width: 100%;
        float: none;
    }

    .about-style-three .content-box{
        padding: 0px;
    }

    .discover-section .image-box{
        margin-right: 30px;
    }

    .cta-section.style-four .lower-content .style-image{
        display: none;
    }

    .cta-section.style-four .lower-content .lower-content-box{
        max-width: 100%;
    }

    .cta-section.style-four{
        padding-bottom: 0px;
    }

    .our-story.home-5:before,
    .discover-style-three .user-image,
    .discover-style-three .style-image{
        display: none;
    }

    .discover-style-three{
        padding-top: 200px;
    }

    .discover-style-three .image-box{
        margin: 0px;
    }

    .discover-style-three .image-box .image{
        position: relative !important;
        float: none !important;
        left: 0px;
        top: 0px;
        right: 0px;
        margin-bottom: 30px;
    }

    .discover-style-three .image-column .bubble-box,
    .banner-style-six:before,
    .banner-style-six .inner-box .image-box,
    .banner-style-six .content-box .rotate-text,
    .cta-section.style-four .inner-content:before,
    .cta-section.style-four .inner-content:after,
    .cta-section.style-four .bubble-box{
        display: none;
    }

    .banner-style-six .content-box{
        max-width: 100%;
    }

    .creative-style-two .image-box img{
        width: 100%;
    }

    .main-header.style-seven .menu-right-content{
        margin-left: 60px;
    }

    .eCommerce-banner .inner-content .image-box{
        display: none;
    }

    .other-shop .content-box{
        margin-left: 0px;
    }

    .other-shop .image-column .image-box{
        right: 0px;
    }

    .service-section .image-box {
        display: none;
    }

    .service-page-4.service-block-one .content-column .content-box,
    .service-page-4.service-block-two .content-column .content-box,
    .service-page-4.service-block-three .content-column .content-box{
        margin: 0px;
    }

    .footer-subscribe.portfolio-page .style-image{
        display: none;
    }

    .portfolio-left-filter .sortable-masonry .filter-btns li{
        margin-bottom: 10px;
    }

    .portfolio-banner .owl-carousel .owl-stage-outer{
        width: 100%;
    }

    .single-portfolio-banner .image-box,
    .single-portfolio-banner .bg-image-box{
        display: none;
    }

    .single-portfolio-banner{
        padding-bottom: 200px;
    }

    .portfolio-single.portfolio-single-3 .top-content .download-btn{
        float: none;
    }

    .portfolio-single.portfolio-single-4 .upper-content .inner-box .social-links{
        position: relative;
        text-align: left;
        margin-top: 30px;
    }

    .our-story.about-page-1 .counter-block-two:nth-child(3){
        right: -80px;
    }

    .testimonial-section.style-five .style-image,
    .footer-subscribe.team-page .style-image,
    .footer-subscribe.team-page .style-image-2,
    .style-bg-2.review-page,
    .footer-subscribe.review-page .style-image,
    .footer-subscribe.case-page .style-image,
    .creative-style-two.case-page .style-image,
    .footer-subscribe.feature-page .style-image{
        display: none;
    }

    .team-section.about-page-1{
        padding-bottom: 80px;
    }

    .single-shop .carousel-outer .thumbs-carousel li img {
        width: 100%;
    }

    .single-shop .content-box .other-option h4,
    .single-shop .content-box .other-option .size-box h4{
        display: block;
        top: 0px;
    }

    .single-shop .item-quantity,
    .single-shop .content-box .addto-cart-box .cart-btn,
    .single-shop .content-box .service-box .single-item {
        margin-bottom: 15px;
    }

    .single-shop .related-product .single-item{
        min-height: 570px;
    }

    .cart-section .other-box{
        margin-right: 0px;
    }

    .cart-section .other-box .inner-box .coupon-box{
        max-width: 100%;
        margin-bottom: 40px;
        float: none;
    }

    .cart-section .other-box .inner-box .cost-box{
        max-width: 100%;
        float: none;
    }

    .billing-form .checkbox{
        margin-right: 0px;
        display: block;
        top: 0px;
        margin-bottom: 10px;
    }

    .blog-classic .news-block-two .lower-content {
        padding: 71px 15px 60px 15px;
    }

    .blog-classic .news-block-two{
        min-height: 535px;
    }

    .news-block-five{
        padding-left: 0px;
    }

    .page-title.style-two .content-box h1{
        margin-bottom: 0px;
    }

    .blog-list-2 .news-block-six .lower-content{
        padding: 0px;
    }

    .footer-subscribe.blog-page .style-image{
        display: none;
    }

    .sidebar-page-container .sidebar{
        margin: 0px;
    }

    .blog-single-page .comments-area .comment.replay-comment{
        margin-left: 0px;
    }

    .contact-section .contact-info .single-info-box{
        padding-left: 30px;
    }

    .cta-section.style-four.call-action-page{
        padding-bottom: 100px;
    }

    .footer-subscribe.style-three.footer-page{
        margin-top: 0px;
    }

    .footer-subscribe.style-two.footer-page{
        margin-top: 0px;
    }

    .main-footer.style-two .about-widget{
        text-align: center;
    }

    .button-box-one .button-list li a,
    .button-box-five .button-list li a,
    .button-box-six .button-list li a,
    .button-box-eight .button-list li a,
    .button-box-two .button-list li a,
    .button-box-three .button-list li a,
    .button-box-four .button-list li a,
    .button-box-seven .button-list li a{
        margin-bottom: 10px;
    }

    .header-page .left-content{
        position: relative;
        display: block;
        float: none;
        text-align: center;
        margin-bottom: 15px;
    }

    .header-page .right-content{
        display: block;
        top: 0px;
        float: none;
        text-align: center;
        margin-bottom: 15px;
    }

    .header-page.white-bg .menu-box,
    .header-style-two .menu-box{
        margin-right: 0px;
    }

    .header-page.header-style-six .left-content,
    .header-page.header-style-13 .left-content{
        margin-bottom: 30px;
    }

}



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

    .sticky-header{
        display: none;
    }

    .language,
    .banner-style-one .content-box .floted-text{
        display: none;
    }

    .main-footer.style-six.style-seven .footer-widget.link-widget,
    .main-footer .footer-widget.link-widget,
    .main-footer.style-six .footer-widget.link-widget{
        float: none;
    }

    .portfolio-single.portfolio-single-4 .lower-box .load-more-option{
        margin-bottom: 50px;
    }

    .portfolio-single.portfolio-single-4 .lower-box .content-box{
        margin-left: 0px;
    }

    .news-section .news-block-two{
        margin-bottom: 30px;
    }

    .header-style-four .logo-box,
    .header-page .menu-box {
        margin-right: 0px;
    }

    .header-style-four .logo-box{
        margin-bottom: 15px;
    }

    .main-header .header-upper{
        padding-top: 15px;
    }

    .main-header .header-upper .outer-box .float-left{
        float: none !important;
        text-align: center;
    }

    .main-header .logo-box{
        margin: 0px;
    }

    .main-menu .navigation .megamenu .inner-column .image{
        display: none;
    }

    .main-menu .navigation .megamenu{
        background: #333;
        padding: 0px 0px 0px 0px !important;
        box-shadow: none;
    }

    .main-footer .widget-content{
        padding-bottom: 45px;
    }

    .main-menu .navigation .megamenu .inner-column h4 a,
    .main-menu .navigation .megamenu .inner-column h4{
        color: #fff;
        text-align: left;
        display: block;
    }

    .main-menu .navigation .megamenu .column{
        padding: 0px 0px;
    }

    .main-menu .navigation .megamenu .inner-column h4{
        margin-bottom: 0px;
    }

    .main-menu .navigation .megamenu .inner-column h4 a,
    .main-menu .navigation>li> .megamenu li>a{
        padding: 10px 20px;
        line-height: 22px;
        color: #fff !important;
        text-align: left;
        min-height: 0px;
    }

    .main-menu .navigation .megamenu .inner-column,
    .main-menu .navigation>li> .megamenu li{
        margin-bottom: 0px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .main-menu .navigation>li> .megamenu li:first-child{
        border-top: none;
    }

    .main-menu .navigation>li> .megamenu .inner-column .submenu-title{
        display: none;
    }

    .main-menu .navigation>li> .megamenu li{
        padding-left: 0px;
    }

    .creative-section .content-block .title-block .floated-text{
        display: none;
    }

    .clients-section{
        padding: 50px 0px;
    }

    .creative-section .image-block{
        margin: 0px;
    }

    .creative-section .image-block img{
        width: 100%;
    }

    .creative-section .image-block .alter-image{
        position: relative;
        left: 0px;
        bottom: 0px;
    }

    .creative-section .content-block{
        padding: 0px;
        margin-bottom: 40px;
    }

    .pricing-section .sec-title .floated-text{
        display: none;
    }

    .pricing-section .pricing-table{
        float: none;
        margin-top: 50px;
    }

    .pricing-section .tabs-content:before,
    .news-section .title-block .floated-text{
        display: none;
    }

    .pricing-section{
        padding-bottom: 120px;
    }

    .testimonial-section {
        padding-bottom: 180px;
    }

    .news-section [class*=col-]:nth-child(even) .news-block-one{
        margin-top: 0px;
    }

    .news-block-one{
        margin-bottom: 30px;
        min-height: 397px;
    }

    .footer-subscribe .form-group button {
        width: 200px;
    }

    .footer-subscribe .form-group input[type='email'] {
        padding-right: 220px;
    }

    .main-footer .footer-widget{
        margin-bottom: 30px;
    }

    .feature-block-one p{
        width: 100%;
    }

    .feature-block-one{
        min-height: 425px;
    }

    .banner-style-two .image-box{
        display: none;
    }

    .banner-style-two{
        padding-bottom: 200px;
    }

    .features-style-two .feature-block-one{
        min-height: auto;
    }

    .about-section:before{
        display: none;
    }

    .about-section .image-box{
        position: relative;
        width: 100%;
        left: 0px;
    }

    .about-section .image-box .image-2{
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px;
        box-shadow: none;
    }

    .about-section .image-box .image-1{
        float: none;
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .agency-style-two .inner-content .image-box{
        margin-bottom: 50px;
    }

    .agency-style-two .inner-content .image-box .bubble-box{
        display: none;
    }

    .agency-style-two .inner-content {
        margin-bottom: 0px;
    }

    .agency-style-two .inner-content .content-box{
        margin-bottom: 80px;
    }

    .agency-style-two {
        padding-bottom: 150px;
    }

    .portfolio-section .content-box{
        padding-top: 150px;
    }

    .news-style-two .content-box{
        padding-top: 0px;
    }

    .news-style-two .carousel-content{
        margin: 0px;
    }

    .news-style-two .owl-stage-outer{
        left: 0px;
    }

    .news-style-two .content-box{
        padding-bottom: 30px;
    }

    .news-style-two .nav-style-one .owl-nav{
        position: relative;
        left: 0px;
        top: 0px;
    }

    .main-footer.style-two:after,
    .our-story:before{
        display: none;
    }

    .about-style-two .inner-box .image-box{
        position: relative;
        top: 0px;
        right: 0px;
    }

    .about-style-two .content-box{
        margin-bottom: 100px;
    }

    .our-story {
        padding-bottom: 220px;
    }

    .video-style-two .content-box{
        margin: 0px;
        padding-bottom: 50px;
    }

    .video-style-two .image-box{
        float: none;
        right: 0px;
    }

    .video-style-two .image-box .video-btn{
        left: 50%;
        bottom: 40%;
        transform: translate(-50%,-50%);
    }

    .video-style-two {
        padding-bottom: 120px;
    }

    .discover-section .image-box{
        margin-right: 0px;
    }

    .discover-section .image-box .bubble-box{
        display: none;
    }

    .discover-section{
        padding: 100px 0px;
    }

    .portfolio-section.style-two .content-box{
        padding: 0px;
        margin: 0px;
        margin-bottom: 40px;
    }

    .portfolio-section.style-two{
        padding-bottom: 120px;
    }

    .team-section{
        padding-top: 120px;
    }

    .team-section .title-column{
        max-width: 100%;
        padding: 0px;
        margin-bottom: 50px;
    }

    .our-story.style-two .counter-inner{
        left: 0px;
        margin-bottom: 200px;
    }

    .our-story.style-two{
        padding-bottom: 120px;
    }

    .about-style-three .image-box{
        margin-bottom: 50px;
    }

    .discover-section.style-two .style-image{
        display: none;
    }

    .main-header.style-five .menu-right-content{
        margin: 0px;
    }

    .main-menu .navbar-collapse>.navigation>li>ul, 
    .main-menu .navbar-collapse>.navigation>li>ul>li>ul{
        padding: 0px;
    }

    .main-header.style-five .main-menu .navigation>li>a{
        color: #b8b8b8;
    }

    .team-section.style-two .top-content .btn-box{
        float: none;
        margin-top: 0px;
    }

    .about-style-four .counter-inner {
        left: 0px;
        margin-bottom: 250px;
    }

    .about-style-four{
        padding-bottom: 120px;
    }

    .our-story.home-5 .content-box{
        margin-top: 30px;
    }

    .discover-style-three{
        padding: 120px 0px;
    }

    .discover-style-three .content-box{
        margin: 0px 0px 50px 0px;
    }

    .banner-style-six{
        padding-bottom: 100px;
    }

    .feature-style-three.home-6 .inner-content .feature-block:first-child{
        margin-top: 0px;
    }

    .feature-style-three.home-6 .content-box,
    .creative-style-two .content-box{
        max-width: 100%;
        margin: 0px;
        padding-top: 50px;
    }

    .creative-style-two{
        padding-top: 120px;
    }

    .creative-style-two .image-box .bubble-box{
        display: none;
    }

    .style-image{
        display: none !important;
    }

    .main-header.style-seven .main-menu .navigation>li>a{
        color: #fff;
    }

    .main-menu .navigation>li>ul>li{
        padding: 0px;
    }

    .shop-list{
        padding-top: 120px;
    }

    .shop-list .top-product-content .title-box{
        margin: 0px 0px 40px 0px;
    }

    .shop-list .top-product-content .product-box .image-box{
        float: none;
    }

    .shop-list .top-product-content .product-box .product-title{
        position: relative;
        left: 0px;
        bottom: 0px;
        margin-top: 30px;
    }

    .shop-list .top-product-content .product-box .btn-box{
        position: relative;
        left: 0px;
        bottom: 0px;
        text-align: center;
    }

    .shop-list .top-product-content{
        margin-bottom: 50px;
    }

    .shop-list .product-column{
        float: none;
    }

    .product-block-one{
        max-width: 100%;
    }

    .other-shop .image-column .image-box{
        display: none;
    }

    .other-shop{
        padding: 120px 0px;
    }

    .main-footer .footer-bottom .left-content{
        float: none;
        text-align: center;
        margin-bottom: 0px;
    }

    .main-footer.style-seven .footer-bottom .conditions{
        float: none;
        margin: 0px;
        text-align: center;
        margin-bottom: 0px;
    }

    .main-footer .footer-bottom .right-content,
    .main-footer.style-three .footer-bottom .copyright{
        float: none;
        text-align: center;
    }

    .main-footer.style-three .footer-bottom .apps-btn li a{
        line-height: 28px;
    }

    .main-footer.style-seven .footer-bottom .right-content .clearfix{
        margin: 0px;
    }

    .about-style-four.about-style-five .inner-box .single-item{
        min-height: auto;
        margin-bottom: 30px;
    }

    .creative-style-two.service-page-3 .content-box{
        padding: 0px 0px 50px 0px;
    }

    .creative-style-two.service-page-3 .image-box{
        float: none;
    }

    .creative-style-two.service-page-3{
        padding-bottom: 120px;
    }

    .service-page-4.service-block-one .content-column .content-box,
    .service-page-4.service-block-three .content-column .content-box{
        margin-bottom: 100px;
    }

    .bubble-box{
        display: none !important;
    }

    .service-page-4.service-block-one{
        padding-bottom: 120px;
    }

    .service-page-4.service-block-two .image-column .image-box{
        margin-bottom: 50px;
    }

    .service-page-4.service-block-three{
        padding: 120px 0px;
    }

    .service-page-4.service-block-three .image-column .image{
        float: none;
        margin: 0px;
    }

    .portfolio-two-column-slide .owl-dots{
        display: none;
    }

    .portfolio-two-column-slide.portfolio-banner .nav-style-one .owl-nav{
        position: relative;
        left: 0px;
        top: 0px;
        text-align: center;
    }

    .portfolio-single .portfolio-services .inner-box .image-box:before{
        display: none;
    }

    .portfolio-single .portfolio-services .inner-box .content-box{
        padding: 0px;
        margin: 0px;
        margin-bottom: 50px;
    }

    .portfolio-single .portfolio-services .inner-box .image-box,
    .portfolio-single .portfolio-services .inner-box:last-child .image-box{
        margin: 0px;
    }

    .portfolio-single .portfolio-services .inner-box:last-child .image-box .image{
        float: none;
    }

    .portfolio-single .portfolio-services .inner-box:last-child .content-box{
        margin: 0px;
        padding-top: 50px;
    }

    .portfolio-single .portfolio-services{
        padding-bottom: 60px;
    }

    .single-portfolio-banner.style-two{
        padding-bottom: 200px;
    }

    .single-portfolio-banner.style-two .content-box{
        max-width: 100%;
        padding: 0px;
    }

    .feature-style-three.about-page-1 .feature-block-two{
        max-width: 570px;
        margin: 15px auto;
    }

    .our-story.about-page-1 .counter-block-two:nth-child(3){
        display: none;
    }

    .our-story.about-page-1 .fact-counter{
        margin-bottom: 30px;
    }

    .our-story.about-page-1{
        padding-bottom: 100px;
    }

    .team-block-one{
        max-width: 270px;
        margin: 15px auto;
    }

    .team-section.about-page-1{
        padding-top: 100px;
    }

    .main-footer.style-three .widget-content{
        padding-bottom: 50px;
    }

    .feature-style-three.feature-page .inner-content .feature-block:first-child{
        padding-top: 0px;
    }

    .feature-style-three.feature-page .content-box{
        margin-top: 30px !important;
    }

    .creative-style-two.feature-page .image-box .image{
        margin-left: 0px;
    }

    .contact-section .contact-info .single-info-box{
        float: none;
        margin: 30px auto;
    }

    .contact-section.contact-page-3{
        padding-top: 100px;
    }

    .contact-section.contact-page-3 .contact-info .single-info-box{
        margin: 60px auto;
    }

    .shop-section .price-filters{
        margin-left: 0px;
        margin-top: 100px;
    }

    .shop-section .populer-product .product-box .image-box{
        float: none;
    }

    .shop-section .populer-product .product-box .image-box img{
        width: 100%;
    }

    .shop-section .populer-product .product-box h3{
        position: relative;
        bottom: 0px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .shop-section .populer-product .product-box .btn-box{
        position: relative;
        left: 0px;
        bottom: 0px;
        text-align: center;
    }

    .shop-section{
        padding-bottom: 120px;
    }

    .single-shop .products-details .carousel-outer{
        margin: 0px 0px 50px 0px;
    }

    .single-shop .item-quantity, 
    .single-shop .content-box .addto-cart-box .cart-btn, 
    .single-shop .content-box .service-box .single-item{
        margin-bottom: 0px;
    }

    .single-shop .related-product .single-item{
        min-height: auto;
        margin-bottom: 30px;
    }

    .single-shop{
        padding-bottom: 100px;
    }

    .cart-section .other-box .btn-box .update-btn{
        max-width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    .cart-section .other-box .btn-box .process-btn{
        max-width: 100%;
        float: none;
    }

    .cart-section{
        padding-bottom: 120px;
    }

    .checkout-section .billing-info{
        margin-bottom: 50px;
    }

    .checkout-section{
        padding-bottom: 120px;
    }

    .pricing-style-two .price-table{
        margin-bottom: 30px;
    }

    .pricing-style-two .sec-title{
        margin: 0px 0px 50px 0px;
    }

    .sidebar-page-container.blog-list-3 .sidebar{
        margin-bottom: 50px;
    }

    .blog-single-page .othre-post-inner .post-block{
        margin-bottom: 30px;
    }

    .sidebar-page-container.blog-single-3 .sidebar{
        margin-bottom: 100px;
    }

    .main-footer .footer-bottom .copyright{
        margin: 0px 0px 15px 0px;
    }

    .main-footer.style-three .footer-bottom .apps-btn li a{
        line-height: 65px;
    }

    .about-style-three{
        padding-top: 100px;
    }

    .video-style-two.home-4{
        padding-bottom: 150px;
    }

    .about-style-four.about-style-five .content-box{
        margin-bottom: 50px;
    }

    .main-header.style-five .main-menu .navigation>li>a{
        color: #fff !important;
    }

    .portfolio-section .content-box{
        padding-top: 0px;
    }

    .main-header .menu-right-content{
        right: 15px;
        top: -4px;
    }

    .main-menu .navigation .megamenu{
        max-height: 100%;
    }

    .service-page-4.service-block-one.call-action-page {
        margin-bottom: 100px;
    }

    .cta-section.style-three.call-action-page{
        margin-bottom: 100px;
    }

    .clients-section.client-page{
        padding: 100px 0px;
    }

    .clients-section.client-page .title-text{
        margin-top: 50px;
    }

    .clients-style-two.client-page{
        padding-bottom: 100px;
    }

    .clients-style-three.client-page{
        margin-bottom: 100px;
    }

    .progress-bar-section.style-one .progress-content{
        margin-left: 0px;
    }

    .main-footer.style-three.style-four.footer-page{
        margin-top: 0px;
    }

    .main-footer.style-three.style-four.style-five.black-bg.footer-page{
        margin-bottom: 0px;
    }

}


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

    .banner-style-one{
        padding: 230px 0px 150px 0px;
        margin-bottom: -100px;
    }

    .main-header .menu-right-content{
        display: none;
    }

    .main-header.style-six .menu-right-content{
        display: block;
        right: inherit;
        left: 0px;
    }

    .main-header .logo-box{
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .main-header .header-upper .upper-right{
        padding-top: 32px;
    }

    .main-header.style-seven .logo-box,
    .main-header.style-five .logo-box{
        z-index: -1;
    }

    .main-menu .navbar-header .navbar-toggle{
        margin-bottom: 25px;
    }

    .header-page .menu-box ul li{
        margin: 5px 10px;
    }

    .header-style-13 .logo-box{
        margin-right: 30px;
    }

    .product-block-one{
        margin-bottom: 40px;
    }

    .portfolio-section.style-two .project-tabs{
        margin-left: 0px;
    }

    .features-section .title-box{
        margin-bottom: 30px !important;
        margin-top: 85px;
    }

    .feature-block-one{
        min-height: auto;
    }

    .creative-section{
        padding: 100px 0px 80px 0px;
    }

    .video-section{
        padding-bottom: 70px;
    }

    .clients-section .title-text {
        margin-top: 60px;
    }

    .agency-section{
        padding: 70px 0px 0px 0px;
    }

    .testimonial-section{
        padding: 100px 0px 120px 0px;
    }

    .pricing-section,
    .call-to-action,
    .video-section.style-two {
        padding: 70px 0px;
    }

    .news-section .title-block{
        margin-bottom: 60px;
    }

    .news-block-one{
        min-height: auto;
    }

    .footer-subscribe .footer-subscribe-form {
        padding: 60px 30px;
    }

    .footer-subscribe .form-group button{
        position: relative;
        width: 100%;
    }

    .footer-subscribe .form-group input[type='email']{
        padding: 15px 30px;
        margin-bottom: 15px;
    }

    .footer-subscribe{
        padding: 0px;
    }

    .main-footer{
        padding-top: 70px;
    }

    .features-style-two{
        padding: 80px 0px 50px 0px;
    }

    .fact-counter.style-two .counter-block{
        margin-bottom: 15px;
    }

    .about-section .content-box{
        margin: 0px;
    }

    .about-section{
        padding-bottom: 50px;
    }

    .agency-style-two{
        padding: 70px 0px;
    }

    .testimonial-section.style-two{
        padding-bottom: 100px;
    }

    .portfolio-section{
        padding: 70px 0px;
    }

    .cta-section .inner-shape-background{
        padding: 160px 0px 200px 0px;
        margin-bottom: -80px;
    }

    .news-style-two{
        padding: 70px 0px;
    }

    .main-footer.style-two{
        padding-top: 70px;
    }

    .main-footer .widget-title {
        margin-bottom: 15px;
    }

    .banner-style-two{
        padding: 250px 0px 120px 0px;
    }

    .banner-style-three{
        padding: 250px 0px 120px 0px;
    }

    .clients-section.home-3,
    .about-style-two,
    .video-style-two,
    .discover-section,
    .cta-section.style-three{
        padding: 70px 0px;
    }

    .about-style-two,
    .video-style-two{
        padding-top: 0px;
    }

    .our-story{
        padding: 70px 0px;
    }

    .discover-section .content-box{
        margin: 0px;
        padding-top: 50px;
    }

    .portfolio-section.style-two{
        padding: 50px 0px;
    }

    .team-section,
    .footer-subscribe.style-three{
        padding-top: 70px;
    }

    .footer-subscribe.style-three .form-group input[type='email'], 
    .footer-subscribe.style-four .form-group input[type='email']{
        width: 100%;
    }

    .footer-subscribe.style-three .form-group button, .footer-subscribe.style-four .form-group button{
        width: 100%;
    }

    .main-footer.style-three{
        padding-top: 70px;
    }

    .banner-style-four {
        padding-bottom: 150px;
        padding-top: 270px;
    }

    .feature-style-three,
    .portfolio-section.style-three{
        padding: 70px 0px 40px 0px;
    }

    .our-story.style-two{
        padding-bottom: 70px;
    }

    .about-style-three,
    .discover-section.style-two{
        padding: 70px 0px;
    }

    .video-style-two.home-4{
        padding-bottom: 70px;
    }

    .testimonial-section.style-four{
        padding: 100px 0px 70px 0px;
    }

    .cta-section.style-four .inner-content{
        padding-top: 70px;
    }

    .banner-style-five {
        padding-bottom: 100px;
    }

    .about-style-four .title-box{
        margin-top: 0px;
    }

    .about-style-four .image-box img{
        float: none;
        max-width: 100%;
        width: 100%;
    }

    .about-style-four{
        padding-bottom: 70px;
    }

    .discover-style-three{
        padding: 70px 0px 40px 0px;
    }

    .footer-subscribe.style-four{
        padding: 70px 0px;
    }

    .feature-style-three.home-6{
        padding-top: 50px;
    }

    .our-story.home-6 {
        padding-bottom: 180px;
    }

    .creative-style-two,
    .team-section.home-6{
        padding: 70px 0px;
    }

    .testimonial-section.style-five{
        padding: 200px 0px 120px 0px;
        margin-top: -80px;
    }

    .shop-list,
    .agency-section.service-page-1{
        padding-top: 70px;
    }

    .shop-list .top-product-content .title-box .mail-box .form-group{
        max-width: 100%;
    }

    .page-title{
        padding: 350px 0px 100px 0px;
    }

    .agency-section .sec-title{
        margin-bottom: 60px;
    }

    .about-style-four.about-style-five.service-page-2,
    .service-page-4.service-block-two,
    .service-page-4.service-block-three,
    .portfolio-fullwidth-box,
    .portfolio-fullwidth-filter{
        padding: 70px 0px;
    }

    .creative-style-two.service-page-3{
        padding-bottom: 70px;
    }

    .service-section .single-item{
        max-width: 100%;
        min-height: auto;
        margin-bottom: 30px;
    }

    .service-page-4.service-block-one{
        padding-bottom: 70px;
    }

    .page-title.style-two {
        padding-top: 330px;
    }

    .portfolio-classic,
    .portfolio-grid,
    .portfolio-three-column,
    .portfolio-four-column,
    .portfolio-left-filter,
    .portfolio-fullwid-masonry,
    .portfolio-fullwid-masonry-filter{
        padding-top: 70px;
    }

    .sortable-masonry .filter-btns{
        margin-bottom: 60px;
    }

    .footer-style-eight .copyright{
        float: none;
        text-align: center;
        margin: 0px;
        margin-bottom: 10px;
    }

    .footer-style-eight .social-share{
        float: none;
        text-align: center;
    }

    .portfolio-banner .slide {
        padding: 350px 0px 120px 0px;
    }

    .portfolio-banner{
        margin-bottom: 0px;
    }

    .portfolio-two-column-slide {
        padding-bottom: 0px;
    }

    .portfolio-single .top-content{
        padding-top: 70px;
    }

    .portfolio-single .portfolio-services{
        padding: 70px 0px 0px 0px;
    }

    .portfolio-single .portfolio-services .inner-box .image-box .image img {
        width: 100%;
    }

    .portfolio-single .portfolio-services .inner-box{
        margin-bottom: 60px;
    }

    .portfolio-single .project-details{
        padding: 70px 0px 50px 0px;
    }

    .portfolio-single .project-details .image-box{
        margin-bottom: 30px;
    }

    .portfolio-single .load-more-option{
        margin-top: 60px;
    }

    .portfolio-single .load-more-option .right-content,
    .portfolio-single .load-more-option .left-content{
        position: relative;
        top: 0px;
        left: 0px;
        max-width: 100%;
        text-align: center;
    }

    .portfolio-single .load-more-option .nav-btn{
        margin: 30px auto;
    }

    .portfolio-single .load-more-option h4{
        margin-bottom: 10px;
    }

    .single-page-bg{
        min-height: 400px;
    }

    .portfolio-single .related-project{
        padding-top: 0px;
    }

    .portfolio-single .related-project .inner-box .image-box{
        margin: 0px;
    }

    .single-portfolio-banner .content-box{
        padding-top: 0px;
    }

    .single-portfolio-banner,
    .single-portfolio-banner.style-two{
        padding: 350px 0px 120px 0px;
    }

    .portfolio-single.portfolio-single-3 .top-content,
    .portfolio-single.portfolio-single-3 .portfolio-services{
        padding-top: 70px;
    }

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box .image-box .image,
    .portfolio-single.portfolio-single-3 .project-details .inner-box{
        margin-top: 0px;
    }

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box:first-child{
        margin-bottom: 30px;
    }

    .portfolio-single.portfolio-single-3 .project-details .title-box {
        margin-bottom: 60px;
    }

    .portfolio-single.portfolio-single-4{
        padding-top: 70px;
    }

    .portfolio-single.portfolio-single-4 .upper-content .inner-box{
        padding-bottom: 30px;
    }

    .portfolio-single.portfolio-single-4 .lower-box .image:last-child{
        margin-bottom: 50px;
    }

    .portfolio-single.portfolio-single-4 .lower-box .content-box{
        margin-left: 0px;
    }

    .portfolio-single.portfolio-single-4 .lower-box .content-box .text{
        margin-bottom: 40px;
    }

    .portfolio-single.portfolio-single-4 .related-project{
        padding-top: 70px;
    }

    .clients-section.about-page-2{
        padding-top: 100px;
    }

    .team-section.about-page-2{
        padding-bottom: 70px;
    }

    .team-section.team-page-1,
    .team-style-four,
    .feature-style-three.feature-page{
        padding-top: 0px;
    }

    .team-style-three{
        padding: 100px 0px 50px 0px;
    }

    .team-block-two .content-box{
        padding-top: 30px;
    }

    .case-section{
        padding: 100px 0px 50px 0px;
    }

    .about-style-four.feature-page{
        padding-top: 70px;
    }

    .about-style-four.feature-page .title-box{
        padding-bottom: 50px;
    }

    .about-style-four.feature-page{
        padding-bottom: 20px;
    }

    .creative-style-two.feature-page,
    .other-shop,
    .cart-section,
    .faq-section{
        padding: 70px 0px;
    }

    .shop-section .lower-content{
        margin-bottom: 0px;
    }

    .shop-section .populer-product .title-box{
        margin-left: 0px;
    }

    .shop-section .populer-product .title-box .mail-box .form-group{
        max-width: 100%;
    }

    .single-shop .product-info-tabs .tab-btns li {
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

    .single-shop .video-content{
        margin-bottom: 50px;
    }

    .checkout-section{
        padding-top: 80px;
    }

    .coming-soon .inner-content .logo{
        margin-bottom: 60px;
    }

    .coming-soon .inner-content .title h1{
        margin-bottom: 30px;
    }

    .page-title.pricing-page{
        padding: 300px 0px 120px 0px;
    }

    .pricing-section .sec-title {
        margin-bottom: 30px;
    }

    .pricing-section .inner-box .sec-title h2{
        font-size: 30px;
    }

    .pricing-section.pricing-page{
        padding-bottom: 120px;
    }

    .pricing-style-two{
        padding-bottom: 50px;
    }

    .main-header.style-seven .menu-right-content{
        margin-left: 0px;
    }

    .blog-classic,
    .blog-masnory,
    .blog-masnory-2,
    .blog-list,
    .blog-list-2,
    .sidebar-page-container{
        padding-top: 100px;
    }

    .blog-list-2 .news-block-six .lower-content{
        padding-top: 30px;
    }

    .sidebar-page-container{
        padding-bottom: 50px;
    }

    .blog-single-page .top-post-inner{
        padding-top: 300px;
    }

    .blog-single-page .lower-content .video-content {
        padding: 150px 0px;
    }

    .blog-single-page .content-style-two{
        padding-bottom: 50px;
    }

    .blog-single-page .post-share-option{
        padding-bottom: 70px;
    }

    .blog-single-page .othre-post-inner{
        margin-bottom: 50px;
    }

    .blog-single-page .comments-form-area{
        padding: 70px 0px;
    }

    .agency-section .inner-content .single-item .image-box img{
        width: 100%;
        max-height: 300px;
    }

    .discover-section .image-box img{
        max-width: 100%;
        float: none;
        width: 100%;
    }

    .sortable-masonry .filter-btns li{
        margin-bottom: 10px;
    }

    .creative-style-two.case-page{
        padding-top: 70px;
    }

    /* .contact-section{
        padding-top: 100px;
    } */

    .contact-section.contact-page-2{
        padding: 70px 0px 40px 0px;
    }

    .contact-section.contact-page-2 .title-box h2{
        margin-bottom: 30px;
    }

    .contact-section.contact-page-3{
        padding-top: 70px;
    }

    .contact-form-style-two{
        padding-bottom: 70px;
    }

    .footer-subscribe.style-five .form-group input[type='email']{
        padding: 15px 30px;
    }

    .portfolio-single.portfolio-single-3 .project-details .title-box{
        padding: 0px 15px;
    }

    .features-section{
        padding-bottom: 50px;
        padding-top: 30px;
    }

    .footer-subscribe.subscribe-page{
        padding-top: 70px;
    }

    .about-style-four{
        padding-top: 70px;
    }

    .our-story.about-page-1.counter-page{
        padding-bottom: 50px;
    }

    .progress-bar-section.style-four{
        padding-bottom: 100px;
    }

    .progress-bar-section.style-four .content-box{
        margin-bottom: 40px;
    }

    .footer-subscribe.style-two.footer-page{
        padding-top: 100px;
    }

    .main-footer.style-two .about-widget{
        text-align: left;
    }

    .service-page-4.service-block-one.call-action-page{
        padding: 100px 0px;
        margin-bottom: 50px;
    }

    .cta-section.style-three.call-action-page{
        margin-top: 40px;
    }

    .our-story.about-page-1 .fact-counter{
        margin-top: 60px;
    }

    .video-style-two .image-box .video-btn{
        bottom: 30%;
    }

    .team-section.about-page-1 {
        padding-bottom: 50px;
    }

    .eCommerce-banner .slide{
        padding-bottom: 130px;
    }

    .testimonial-section.style-four .nav-style-one .owl-nav{
        margin-top: 50px;
    }

    .banner-style-six{
        padding-top: 280px;
    }

    .testimonial-section.style-five .signle-testimonial-block{
        margin-bottom: 0px;
    }

    .portfolio-two-column-slide .nav-style-one .owl-nav{
        display: none;
    }

    .main-footer.style-three.style-four.style-five.black-bg.footer-page{
        margin-top: 0px;
    }

    .about-style-four.about-style-five.service-block .content-box{
        margin-bottom: 0px;
    }

    .header-style-13.header-page{
        margin-bottom: 100px;
    }

    .typhography-style{
        padding: 70px 0px 40px 0px;
    }

    .portfolio-section .tab-btn-box .tab-btns li{
        max-width: 100%;
        text-align: left;
    }

    .eCommerce-banner .owl-dots{
        display: none;
    }

    .main-header.style-seven.review-page{
        padding-bottom: 250px;
    }

    /* .contact-section{
        margin-bottom: 0px;
    } */

    .shop-section .top-content .product-categories{
        max-width: 100%;
    }

    .our-story.about-page-1 .upper-content {
        margin-bottom: 60px;
    }

    .button-box-one .button-list li a {
        padding: 14.5px 35px;
    }

    .button-box-two .button-list li a.btn-three, 
    .button-box-two .button-list li a.btn-four{
        padding: 14px 30px;
    }

    .button-box-two .button-list li a.btn-two{
        font-size: 15px;
    }

    .button-page .button-list li{
        padding-left: 250px;
    }

    /* added by chandrika 01-08-2022*/
    .td-btn-style {
        padding-top:0.75rem !important;
        padding-left:0px !important;
        padding-right:0px !important;
        margin:0px !important;
    }
   

}

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

    .error-section .error-img img{
        width: 100%;
    }

    .banner-style-three .content-box h1,
    .banner-style-one h3,
    .banner-style-two h1,
    .banner-style-two h1 span,
    .portfolio-single .top-content .inner-box .inner-top h1,
    .single-portfolio-banner .content-box h1,
    .features-section .title-box h3{
        font-size: 35px;
        line-height: 40px;
    }

    .button-page .button-list h3{
        font-size: 22px;
        line-height: 30px;
    }

    .pricing-section .pricing-table .table-head .price{
        top: 40px;
        right: 15px;
    }

    .our-story.about-page-1 .lower-content .content-box h3{
        padding: 25px;
    }

    .our-story .content-box{
        margin-right: 0px;
    }

    .contact-section .contact-form-area{
        padding: 60px 30px;
    }

    .sec-title h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .counter-block-two:last-child,
    .counter-block-two:first-child{
        position: relative;
        top: 0px;
        right: 0px;
        left: 0px;
        text-align: center;
    }

    .counter-block-two{
        margin: 30px auto;
    }

    .our-story{
        padding-bottom: 40px;
    }

    .main-footer.style-three:before{
        display: none;
    }

    .our-story.style-two .counter-inner{
        margin-bottom: 50px;
    }

    .about-style-four .counter-inner{
        margin-bottom: 80px;
    }

    .our-story.home-6{
        padding-bottom: 50px;
    }

    .product-block-one .price-box{
        left: 30px;
        top: 30px;
    }

    .portfolio-single .top-content .inner-box .info-box li{
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }

    .portfolio-single .top-content .inner-box .info-box li:last-child{
        margin-bottom: 0px;
    }

    .our-story.about-page-1 .upper-content {
        margin-bottom: 30px;
    }

    .shop-section .item-sorting .result-column{
        float: none;
        display: block;
        margin-bottom: 15px;
    }

    .shop-section .item-sorting .result-column h4{
        display: block;
    }

    .shop-section .item-sorting .select-column{
        float: none;
        max-width: 100%;
    }

    .shop-section .top-content .product-categories{
        float: none;
        max-width: 100%;
    }

    .shop-section .price-filters{
        margin-top: 30px;
    }

    .shop-section .price-filters h4{
        display: block;
        float: none;
        margin: 0px;
        margin-bottom: 30px;
    }

    .range-slider .ui-widget.ui-widget-content{
        margin-bottom: 20px;
    }

    .checkout-section h2{
        font-size: 35px;
        line-height: 45px;
    }

    .blog-single-page .comments-area .comment {
        padding: 57px 30px 47px 150px;
    }

    .news-section .title-block h2{
        font-size: 30px;
        line-height: 40px;
    }

    .call-to-action .title-block h3{
        font-size: 35px;
        line-height: 45px;
    }

    .about-style-two .inner-box .image-box img{
        width: 100%;
    }

    .banner-style-five .content-box h1,
    .banner-style-six .content-box h1,
    .banner-style-four .inner-box .content-box h1,
    .portfolio-banner h1{
        font-size: 40px;
        line-height: 50px;
    }

    .cta-section .content-box h3{
        font-size: 30px;
        line-height: 40px;
    }

    .cta-section.style-four .lower-content .lower-content-box{
        padding: 60px 30px;
    }

    .main-footer.style-three .footer-top .right-content .footer-social{
        text-align: center;
        float: none;
    }

    .main-footer.style-three .footer-top .left-content{
        float: none;
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }

    .main-footer.style-three .footer-top .right-content .text{
        float: none;
        display: block;
        margin-right: 0px;
    }

    .main-footer.style-four .footer-top .left-content{
        display: block;
        float: none;
        text-align: center;
        margin-right: 0px;
    }

    .main-footer.style-three .footer-top .right-content{
        float: none;
        display: block;
        text-align: center;
    }

    .main-footer.style-three .footer-top .right-content .text{
        margin: 0px 0px 10px 0px;
    }

    .main-footer.style-four .footer-top .footer-logo{
        margin: 0px;
    }

    .main-footer.style-five .footer-top .left-content{
        margin-bottom: 0px;
    }

    .main-header.style-three .logo-box{
        margin-right: 0px;
    }

    .main-header.style-six .logo-box{
        padding: 0px;
    }

    .page-title .content-box h1,
    .single-shop .content-box h2{
        font-size: 35px;
        line-height: 40px;
    }

    .page-title.contact-page .content-box h1{
        margin-bottom: 30px;
    }

    .contact-section .contact-info .single-info-box{
        padding-left: 30px;
    }

    .google-map-section.contact-page-2 .contact-form-area,
    .contact-form-style-two .contact-form-area{
        padding: 70px 30px;
    }

    .page-title.shop-page{
        padding-top: 340px;
    }

    .page-title.shop-page .content-box h1{
        margin-bottom: 30px;
    }

    .checkout-section .order-info .coupon-box .form-group button{
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
    }

    .checkout-section .order-info .coupon-box .form-group input[type='text']{
        padding: 15px 30px;
        margin-bottom: 15px;
    }

    .page-title.pricing-page .content-box h1 {
        margin-bottom: 30px;
    }

    .cta-section .content-box h3{
        margin-bottom: 60px;
    }

    .clients-style-three{
        padding: 70px 0px;
    }

    .progress-bar-section.style-three .single-progress-box h6 {
        left: 15px;
        font-size: 12px;
    }

    .main-footer.style-three.style-four.footer-page{
        margin-bottom: 30px;
    }

    .testimonial-section.style-five.testimonial-page{
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .footer-style-eight .social-links li.share,
    .portfolio-single.portfolio-single-1 .social-style-one li.share,
    .portfolio-single.portfolio-single-2 .social-style-one li.share,
    .portfolio-single.portfolio-single-2 .social-style-one li.share {
        margin-right: 15px;
    }

    .footer-style-eight .social-links li a,
    .portfolio-single.portfolio-single-1 .social-style-one li a,
    .portfolio-single.portfolio-single-2 .social-style-one li a,
    .portfolio-single.portfolio-single-3 .social-style-one li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
    }

    .button-page .button-list h3{
        position: relative;
        top: 0px;
        margin-bottom: 15px;
    }

    .button-page .button-list li{
        padding-left: 0px;
    }

    /* .contact-section{
        margin-bottom: 0px;
    } */

    /* added by chandrika 01-08-2022 */
    .td-btn-style {
        padding-top:0.75rem !important;
        padding-left:0px !important;
        padding-right:0px !important;
        margin:0px !important;
    }
    a.btn-style-link {
        font-size: 16px !important;
        font-weight: 600;
        padding: 8px 8px !important;
    }

}


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

    .cart-section .other-box .inner-box .coupon-box .form-group button{
        position: relative;
        width: 100%;
    }

    .cart-section .other-box .inner-box .coupon-box .form-group input[type='text']{
        padding: 15px 30px;
        margin-bottom: 15px;
    }

    .blog-single-page .content-style-two .content-box .text blockquote .blockquote-text{
        font-size: 18px;
        line-height: 28px;
    }

    .single-shop .product-info-tabs .tab-btns li{
        font-size: 15px;
    }

    .blog-single-page .othre-post-inner .post-block .lower-content{
        padding-left: 20px;
    }

    .news-block-three .inner-box{
        padding: 150px 30px;
    }

    .blog-single-page .comments-area .comment .comment-info span{
        float: none;
    }

    .blog-single-page .comments-area .comment .comment-info h4{
        float: none;
        display: block;
    }

    .main-header .search-panel .form-container{
        padding: 20px;
    }

    .main-footer .footer-bottom .right-content .download-btn li{
        display: block;
        margin: 0px 0px 10px 0px;
    }

    .main-footer .footer-bottom .right-content .download-btn li:last-child{
        margin-bottom: 0px;
    }

    .main-header.style-three .menu-right-content{
        margin-left: 0px;
    }

    .main-header.style-seven .logo-box{
        margin-bottom: 0px;
    }

    .hidden-bar{
        width: 300px;
    }

    .portfolio-two-column-slide{
        padding-top: 0px;
    }

    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box:first-child,
    .portfolio-single.portfolio-single-3 .portfolio-services .inner-box:last-child{
        padding: 0px 0px;
    }

    .shop-section .populer-product .title-box h2{
        font-size: 35px;
        line-height: 40px;
    }

    .single-shop .item-quantity, 
    .single-shop .content-box .addto-cart-box .cart-btn{
        margin-bottom: 10px;
    }

    .single-shop .content-box .service-box .single-item{
        display: block;
        float: none !important;
        margin: 15px auto !important;
    }

    .checkout-section .billing-form {
        padding: 32px 20px 63px 20px;
    }

    .page-title.faq-page {
        padding-top: 350px;
    }

    .faq-section .content-box{
        margin-right: 0px;
    }

    .page-title.pricing-page {
        padding: 350px 0px 120px 0px;
    }

    .news-block-four .lower-content {
        padding: 56px 15px 58px 15px;
    }

    .blog-masnory-2 .news-block-three .inner-box {
        padding: 100px 30px;
    }

    .news-block-three .inner-box h2{
        font-size: 30px;
        line-height: 35px;
    }

    .blog-single-page .top-post-inner {
        padding-top: 340px;
    }

    .blog-single-1 .top-post-inner .inner-content h2{
        font-size: 30px;
        line-height: 35px;
    }

    .blog-single-page .post-share-option .post-share-inner .social-links li{
        margin: 0px 5px;
    }

    .blog-single-page .comments-area .comment .author-thumb{
        position: relative;
        left: 0px;
        top: 0px;
        margin-bottom: 25px;
    }

    .blog-single-page .comments-area .comment{
        padding-left: 30px;
    }

    .news-style-two .news-block-two{
        min-height: auto;
        margin: 0px;
        box-shadow: none;
    }

    .portfolio-single.portfolio-single-4 .lower-box .content-box .info-box li{
        margin-bottom: 0px;
    }

    .pricing-section .pricing-table .table-content a{
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .creative-section .fact-counter .counter-block{
        width: 50%;
        margin-bottom: 15px;
    }

    .creative-section .fact-counter .counter-block:last-child{
        margin-bottom: 0px;
    }

    .sortable-masonry .filter-btns li{
        font-size: 16px;
        padding: 6px 10px;
    }

    .portfolio-single .related-project .inner-box .content-box h4{
        font-size: 18px;
        line-height: 26px;
    }

    .portfolio-single.portfolio-single-4 .lower-box .content-box .info-box span{
        max-width: 100%;
    }

}

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

    .main-header .search-box-outer .dropdown-menu{
        right: -80px;
        width: 280px;
    }

    .our-story .content-box .icon-box:before{
        display: none;
    }

    .cta-section.style-four .lower-content .lower-content-box .btn-style-four {
        padding: 13.5px 30px;
    }

    .main-footer.style-five .footer-top .left-content{
        display: block;
        float: none;text-align: center;
    }

    .main-footer.style-three .footer-top .right-content{
        float: none;
        text-align: center;
    }

    .main-header.style-five .logo-box{
        margin-bottom: 0px;
    }

    .portfolio-single.portfolio-single-4 .lower-box .load-more-option .prev-btn{
        float: none;
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }

    .portfolio-single.portfolio-single-4 .lower-box .load-more-option .next-btn{
        float: none;
        display: block;
        text-align: center;
    }

    .contact-section .contact-form-area{
        padding: 60px 15px;
    }

    .google-map-section.contact-page-2 .contact-form-area,
    .contact-form-style-two .contact-form-area{
        padding: 70px 15px;
    }

    .video-style-two .image-box .video-btn{
        bottom: 20%;
    }

    .coming-soon .cs-countdown .count-col{
        margin-right: 0px;
    }

    /* added by chandrika 01-08-2022 */
    a.btn-style-link {
        font-size: 15px !important;
        padding: 8px 8px !important;
    }

}
/* added by chandrika 01-08-2022 */
@media only screen and (max-width: 375px) 
{
    a.btn-style-link {
        font-size: 15px !important;
        padding: 8px 6px !important;
    }

}

/* added by chandrika 05-08-2022 */
@media only screen and (max-width: 321px) 
{
    a.btn-style-link {
        font-size: 13px !important;
        padding: 8px 6px !important;
    }

}