/*==================== Media Queries ====================*/

/*==================== Media Query for max-width 1030px ( Ipad Pro View ) ====================*/

@media (max-width:1030px) {
    /*---------- Header Section ----------*/
    .dc-navbar {
        padding:20px;
    }
    nav .dc-nav ul {
        padding: 10px;
		align-items: center;
    }
    nav .dc-nav ul li {
        padding: 5px 0;
    }
    nav .dc-nav ul .dc-btn-header {
        width: 200px;
        padding: 15px 20px;
        text-align: center;
        border-bottom-right-radius: 0;
        margin-left: 0px;
        margin-top: 10px;
    }
    /*---------- Home 2 Footer Section ----------*/
    footer.dc-footer-two-sec form input {
        padding:30px 125px 30px 10px;
    }
    /*---------- Homepage 1 Banner Section ----------*/
    .dc-banner-sec {
        margin-top: 0px;
    }
    /*---------- Homepage 1 Offer Section ----------*/
    .dc-offer-sec .dc-range-img {
        margin-top: 120px;
    }
    .dc-case-box .dc-case-bg1, .dc-case-box .dc-case-bg2, .dc-case-box .dc-case-bg3 {
        padding: 200px 10px 1px 20px;
    }
    .dc-case-box .dc-case-text {
        padding: 20px 20px 20px 20px;
    }
    /*---------- Homepage 1 Team Section ----------*/
    .dc-team-box .dc-team-overlay {
        padding-top: 60px;
    }
    /*---------- Homepage 1 Client Section ----------*/
    .dc-client-sec {
        padding: 10px 0 30px 0;
    }
    /*---------- Homepage 2 Header Section ----------*/
    header .dc-header-two-btn {
        left: 210px;
    }
    /*---------- Homepage 2 Range of Digital Service Section ----------*/
    .dc-service-range-sec .owl-carousel .owl-prev {
        left: 400px;
    }
    .dc-service-range-sec .owl-carousel .owl-next {
        right: 410px;
    }
    /*---------- Homepage 2 News Section ----------*/
    .dc-news-box-two h6 {
        left: 35px;
		top: 50px;
    }
    /*---------- Blog Details Page ----------*/
    .dc-blog-detail .dc-news-box-two h6 {
        top: 60px;
        left: 40px;
    }
}


/*==================== Media Query for max-width 770px ( Ipad View ) ====================*/

@media (max-width:770px) {
    h3 {
        font-size:24px;
    }
    h5 {
        font-size:16px;
    }
    /*---------- Homepage 1 Banner Section ----------*/
    .dc-banner-sec {
        background-position-x: 52%;
    }
    .dc-banner-sec .dc-bnr-pad {
        padding-right: 70px;
    }
    /*---------- Homepage 1 We offer full range Section ----------*/
    .dc-offer-sec {
        padding-top: 70px;
    }
    /*---------- Homepage 1 Case Studies Section ----------*/
    .dc-case-box .dc-case-bg1, .dc-case-box .dc-case-bg2, .dc-case-box .dc-case-bg3 {
        padding: 110px 10px 1px 20px;
    }
    /*---------- Homepage 1 Pricing Section ----------*/
    .dc-plan-box .dc-plan-green-bg {
        padding: 30px 0 50px 0;
    }
    .dc-plan-box .dc-plan-circle .dc-price {
        font-size: 35px;
        line-height: 35px;
    }
    .dc-plan-box .dc-plan-circle h2 sup {
        font-size:55%;
    }
    .dc-plan-box .dc-plan-circle {
        width: 90px;
        height: 90px;
        padding-top: 7px;
        margin-top: -50px
    }
    .dc-plan-box h5 {
        font-size: 12px;
    }
    .dc-btn-dark {
        padding:20px;
    }
    .dc-plan-box .dc-plan-text {
        padding-bottom: 50px !important;
    }
    .dc-plan-sec .dc-size-16px {
        font-size: 14px;
    }
    /*---------- Homepage 1 Team Section  ----------*/
    .dc-team-box .dc-team-overlay {
        padding-top: 140px;
    }
    .dc-team-box h5 {
        font-size: 18px;
    } 
    /*---------- Homepage 1 Client Section ----------*/
    .dc-client-sec {
        padding: 10px 0 40px 0;
    }
    /*---------- Homepage 1 News Section ----------*/
    .dc-news-sec .dc-news-box h2 {
        font-size:20px;
    }
    .dc-news-sec .dc-news-box .dc-date {
        font-size:12px;
    }
    /*---------- Homepage 2 Header Section ----------*/
    header .dc-header-two-btn {
        left: 100px;
    }
    /*---------- Homepage 2 Range Section ----------*/
    .dc-service-range-box .dc-service-box-content {
        padding: 20px 30px 30px 30px;
    }
    .dc-service-range-sec .owl-carousel .owl-prev {
        left: 290px;
    }
    .dc-service-range-sec .owl-carousel .owl-next {
        right: 290px;
    }
    /*---------- Homepage 2 Gather Section ----------*/
    .dc-gather-sec img {
        top: 50px;
    }
    /*---------- Homepage 2 News Section ----------*/
    .dc-news-box-two h6 {
        top: 60px;
		left: 45px;
    }
    /*---------- Homepage 2 Footer Section ----------*/
    footer .footer-sec {
        padding-bottom: 40px;
    }    
    /*---------- Team Detail Page ----------*/
    .dc-team-detail .dc-team-detail-sec {
        padding: 50px;
    }
    .dc-team-detail .dc-skills-sec {
        padding: 40px 10px;
    }
    .dc-team-detail {
        padding-bottom: 50px;
    }
    /*---------- Blog Details Page ----------*/
    .dc-blog-detail .dc-news-box-two h6 {
        top: 80px;
        left: 67px;
    }
}

/*==================== Media Query for max-width 500px ( Mobile View ) ====================*/

@media (max-width:500px) {
    h1 {
        font-size:34px;
    }
    h2 {
        font-size:30px;
    }
    p {
        font-size: 16px;
    }
    .dc-size-32px {
        font-size: 28px;
    }
    /*---------- Homepage 1 Banner Section ----------*/
    .dc-banner-sec {
        background-position-x: 45%;
        padding: 160px 0;
    }
    .dc-btn-primary, .dc-btn-dark {
        padding: 20px 40px;
    }
    .dc-mobile-pad {
        padding: 70px 0;
    }
    /*---------- Homepage 1 We offer full range Section ----------*/
    .dc-offer-sec .dc-range-img {
        margin-top: 80px;
    }
    /*---------- Homepage 1 Boost Section ----------*/
    .dc-boost-sec {
        padding-top: 60px;
    }
    /*---------- Homepage 1 Pricing Section ----------*/
    .dc-plan-box .dc-plan-circle {
        padding-top: 15px;
    }
    /*---------- Homepage 1 Case Section ----------*/
    .dc-case-sec {
        background: #fcfafc;
    }
    .dc-case-box .dc-case-bg1, .dc-case-box .dc-case-bg2, .dc-case-box .dc-case-bg3 {
        padding: 180px 10px 1px 20px;
    }
    /*---------- Homepage 1 Client Section ----------*/
    .dc-client-sec {
        padding-bottom: 10px;
    }
    /*---------- Homepage 1 Latest News Section ----------*/
    .dc-news-home-two {
        padding: 70px 0 160px 0;
    }
    /*---------- Homepage 1 Footer Section ----------*/
    footer form input {
        padding: 20px;
    }
    footer form button {
        right: 0;
        bottom: -70px;
        width: 100%;
    }
    .dc-footer-sec {
        padding: 150px 0 10px 0;
    }
    .ms-main-footer form {
        margin-bottom: 100px;
    }
    /*---------- Case Study Detail Page ----------*/
    .dc-case-detail-page .dc-case-detail-info-box img {
        margin-top: 20px;
    }
    /*---------- Homepage 2 Banner Section ----------*/
    .dc-home-two-banner-sec {
        padding: 200px 0 100px 0;
    }
    /*---------- Homepage 2 Range Section ----------*/
    .dc-service-range-box .dc-service-box-content {
        padding: 30px 20px 40px 20px;
    }
    .dc-service-range-sec .owl-carousel .item {
        padding-left: 15px;
        padding-right: 15px;
    }
    .dc-service-range-sec .owl-carousel .owl-prev {
        left: 140px;
    }
    .dc-service-range-sec .owl-carousel .owl-next {
        right: 140px;
    }
    /*---------- Homepage 2 what is seo section ----------*/
    .dc-whatisseo-sec img {
        margin-top: 80px;
    }
    /*---------- Homepage 2 Counter Section ----------*/
    .dc-counter-sec .card img {
        width: 50%;
        margin-bottom: 8px;
    }
    /*---------- Homepage 2 Testimonial Section ----------*/
    .dc-testimonial-sec .dc-testimonial-box .dc-client-image {
        top: -55px;
        left: -10px;
    }

    /*---------- Homepage 2 Gather Section ----------*/
    .dc-gather-sec {
        padding: 300px 0 100px 0;
    }

    /*---------- Homepage 2 Clients Section ----------*/
    .dc-client-sec-home-two {
        padding: 50px 0;
    }
    /*---------- Homepage 2 News Section ----------*/
    .dc-news-home-two .dc-news-box-two .dc-break-line {
        display: none;
    }
    .dc-news-box-two h6 {
        transform: none;
    }
    .dc-news-box-two h6 {
        top: -75px;
        left: 88px;
    }
	.dc-news-box-two .col-md-3.col-lg-4 {
		padding-left: 20px !important;
	}
    /*---------- Homepage 2 Footer Section ----------*/
    footer .dc-subscribe-sec {
        padding-left: 10px;
        padding-right: 10px;
    }
    footer .dc-subscribe-sec .col-md-5 {
        padding-bottom: 20px !important;
    }
    .dc-subscribe-sec {
        padding-bottom: 90px !important;
    }
    .dc-subscribe-sec form button {
        right: 0;
        bottom: -70px;
        width: 100%;
    }
    footer .footer-sec {
        padding-bottom: 20px;
    }
    footer.dc-footer-two-sec form input {
        padding: 20px 15px 20px 15px;
    }
    /*---------- Inner Pages Banner Section ----------*/
    .dc-inner-banner-sec {
        padding: 150px 0 80px 0;
    }
    /*---------- About Page ----------*/
    .dc-abt-boost-sec {
        padding-bottom: 0 !important;
    }
    .dc-case-sec {
        padding-top: 20px;
    }
    /*---------- Service Page ----------*/
    .dc-service-page-client-sec {
        padding-bottom: 20px;
    }
    .dc-service-range-box .dc-service-box-content .dc-case-plus {
        bottom: -20px;
    }
    /*---------- Team Details Page ----------*/
    .dc-team-detail .dc-top-section-bg {
        padding: 200px 0;
    }
    .dc-team-detail .dc-team-detail-sec {
        padding: 30px 20px;
    }
    .dc-team-detail .dc-spacer-90 {
        height: 50px;
    }
    .dc-blog-detail .dc-btn-pad, .dc-blog-detail .dc-btn-dark {
        top: 580px;
    }
    /*---------- Error Page ----------*/
    .dc-404-error {
        padding-bottom: 80px;
    }
    /*---------- Contact Page ----------*/
    .dc-contact-map .img-fluid {
        width: auto;
    }
}

/*==================== Media Query for max-width 380px ====================*/
@media (max-width:380px) {
    /*---------- Homepage 2 Range Section ----------*/
    .dc-service-range-sec .owl-carousel .owl-prev {
        left: 120px;
    }
    .dc-service-range-sec .owl-carousel .owl-next {
        right: 110px;
    }
}  

/*==================== Media Query for max-width 350px ====================*/

@media (max-width:350px) {
    /*---------- Team Section ----------*/
    .dc-team-box .dc-team-overlay {
        padding-top: 100px;
    }
    /*---------- Homepage 2 Range Section ----------*/
    .dc-service-range-sec .owl-carousel .owl-prev {
        left: 90px;
    }
    .dc-service-range-sec .owl-carousel .owl-next {
        right: 90px;
    }
}

/*==================== Media Query for min width 700px and max width 800px ====================*/

@media (min-width:700px) and (max-width:800px) {
    .dc-case-detail-page .dc-case-detail-info-box span {
        min-width: 80px;
    }
}

/*==================== Media Query for min width 1000px and max width 1100px ====================*/

@media (min-width:1000px) and (max-width:1100px) {
    .dc-banner-sec .dc-bnr-pad {
        padding-right: 200px;
    }
}

/*==================== Media Query for min width 1031px and max width 1199px ====================*/

@media (min-width:1031px) and (max-width:1199px) {
    .dc-navbar {
        padding: 9px 16px 10px 16px !important;
    }
}

/*==================== Media Query for min width 1300px ====================*/

@media (min-width:1300px) {
    /*---------- Home 1 Header ----------*/
    .dc-header-top, .dc-header {
        padding: 0 5%;
    }
    .dc-recent-case-1 {
        padding: 100px 5%;
    }
    /*---------- Home 2 Gather Sec ----------*/
    .dc-gather-sec img {
        max-width: 140%;
        position: relative;
        left: -70px;
    }
}

/*==================== Media Query for min width 1750px ====================*/

@media (min-width:1750px) {
    /*---------- Home 1 Header ----------*/
    .dc-header-top, .dc-header {
        padding: 0 16%;
    }
    .dc-recent-case-1 {
        padding: 100px 16%;
    }
}