/* ************************************************************************************* */


/*########################################################  */

@media(min-width: 1600px) {
    #why-excite-brand .card {
        width: 100%;
    }
}

@media(min-width: 1020px) and (max-width: 1280px) {
    .step-three-content {
        top: -130px;
    }
    .step-one-content {
        top: -20px;
    }
    .step-five-content {
        top: -10px;
    }
    .seo-card-wrapper {
        min-height: 150px;
    }
    .our-work-grid-wrapper {
        min-height: auto;
    }
    .line-height-brand {
        width: 150px;
        height: 3px;
        background: #FF7300;
        position: absolute;
        right: 312px;
        top: 50px;
    }
    .we-do {
        width: 100%;
    }
}

@media(min-width: 768px) and (max-width: 1025px) {
    .pages-banner {
        height: 400px;
    }
    .banner-title {
        font-size: 100px;
        line-height: 100px;
        text-align: center;
    }
    .we-are-a-landing {
        margin-left: 5%;
    }
    .we-are-a-landing h1 {
        font-size: 38px;
    }
    /* .step {
        height: 300.13px;
    }
    .step-three-content {
        top: -180px;
    }
    .step-one-content {
        top: -100px;
    }
    .step-five-content {
        top: -50px;
    } */
    .google-award-agency-do {
        display: none;
    }
    .seo-card-wrapper {
        min-height: 150px;
    }
    .we-do {
        width: 100%;
    }
    .our-work-description {
        margin-left: 15%;
        margin-right: 15%;
    }
    .we-do p {
        margin-left: 5px;
        margin-right: 5px;
    }
    .left-top-image-wrapper {
        display: none;
    }
    .our-work-grid-wrapper {
        min-height: 355px;
    }
    .line-height-brand {
        width: 150px;
        height: 3px;
        background: #FF7300;
        position: absolute;
        right: 312px;
        top: 50px;
    }
    .element1-img {
        display: none;
    }
    .element-img {
        display: none;
    }
    .grid-container-our-experties {
        display: grid;
        grid-template-columns: repeat(4, 1fr) !important;
        grid-auto-rows: minmax(100px, auto);
        grid-gap: 1rem;
        /* grid-template-areas: 'gird-div gird-div gird-div'; */
    }
    .grid-container-our-experties .gird-div {
        background-color: rgba(255, 255, 255, 0.8);
        border: 1px solid black;
        text-align: center;
        font-size: 30px;
        width: 150px;
        height: 150px;
        border-radius: 50%;
    }
    /* .our-work-grid-wrapper {
        height: 23rem !important;
    } */
    #seo-feature .card {
        width: 100%;
    }
    .row-wrapper-seo-feature {
        margin: 10px;
        padding: 10px;
    }
}

@media only screen and (max-width: 750px) {
    .grid-container-our-experties {
        display: grid;
        grid-template-columns: repeat(3, 1fr) !important;
        grid-auto-rows: minmax(100px, auto);
        grid-gap: 1rem;
        /* grid-template-areas: 'gird-div gird-div gird-div'; */
    }
    .grid-container-our-experties .gird-div {
        background-color: rgba(255, 255, 255, 0.8);
        border: 1px solid black;
        text-align: center;
        font-size: 30px;
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }
}

@media(min-width: 320px) and (max-width: 767px) {
    
    .ppc-button-text{
        margin-bottom:25px;
    }
    
    .box .box-title{
        width:70%;
    }
    #sub-dropdown:hover #sub-dropdown-menu {
        display: block;
        margin-left: 0px;
    }
    .seo-london-title {
        font-size: 20px !important;
    }
    .flex-container-birmingham {
        flex-direction: column;
        margin-left: 2%;
        margin-right: 2%;
    }
    .flex-container-birmingham .flex-item-b {
        width: 100%;
        flex: 100%;
        margin: 2% 0%;
    }
    .paid-search-section {
        padding-top: 10px;
    }
    .seo-marketing-and-professional-seo {
        flex-direction: column;
    }
    .banner-title {
        font-size: 25px;
        line-height: 100px;
        letter-spacing: -2px;
        word-spacing: 1px;
        margin-top: 10%;
        text-align: center;
    }
    .pages-banner {
        height: 200px;
    }
    #our-portfolio-detail {
        padding: 10px !important;
    }
    .our-portfolio-detail h1 {
        margin-top: 25%;
        font-size: 3rem;
    }
    .portfolio-work-wrapper {
        margin-top: 16%;
    }
    .header-top {
        display: block;
        text-align: center;
        height: 10vh;
        padding-top: 5px;
    }
    .happy-client {
        margin-top: 8%;
    }
    .ppc-button-text a {
        width: 280px;
    }
    .navbar .nav-item:hover {
        border-bottom: 0px;
        background-color: none;
    }
    .seo-btn-services {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .seo-card-wrapper {
        min-height: 60px;
    }
    .carousel-caption p {
        font-size: 18px;
    }
    .our-services-text p {
        font-size: 18px;
    }
    .our-work-caption p {
        font-size: 18px !important;
    }
    .our-work-title {
        font-size: 30px;
    }
    .our-services-text h1 {
        font-size: 30px;
    }
    #testimonial {
        min-height: 440px;
    }
    .testimonial-sub-title {
        font-size: 30px !important;
    }
    #footer .container {
        padding-top: 35px;
        padding-left: 4%;
    }
    .testimonial-image-container {
        display: none;
    }
    .testimonial-img-1 {
        display: none;
    }
    .testimonial-img-3 {
        display: none;
    }
    .testimonial-img-2 {
        display: none;
    }
    .testimonial-carousel-wrapper {
        margin: 10px
    }
    #testimonial-arrow-icon {
        display: none;
    }
    .slider-title {
        font-size: 40px;
    }
    #banner {
        height: 400px;
    }
    .animation-wrapper {
        height: 400px;
    }
    .slider-images {
        width: 250px;
        height: 200px;
    }
    .carouselExampleCaptions {
        margin-top: 10%;
    }
    /*******************What We Do Section***********************8*/
    .lets-talk-title h1 {
        font-size: 24px;
    }
    .we-do {
        width: 100%;
        margin-right: 54px;
    }
    .offer-services-btn {
        display: flex;
        justify-content: center;
    }
    .our-work-title {
        margin-top: 33px;
    }
    .line-height {
        display: none;
    }
    .line-height-brand {
        display: none;
    }
    .navbar .nav-item.active {
        border-bottom: none;
        border-bottom-width: none;
    }
    .element1-img {
        display: none;
    }
    .element-img {
        display: none;
    }
    #contact-us-form {
        margin-top: 50px;
    }
    .contact-form {
        padding-top: 20px;
        padding-bottom: 0px;
    }
    button.newsletter-form-submit-btn {
        margin-top: 11px;
    }
    #testimonial .fa.fa-arrow-circle-right {
        font-size: 40px;
        margin-left: 68px;
        color: #FFFFFF;
    }
    #testimonial .fa.fa-arrow-circle-left {
        font-size: 40px;
        margin-right: 68px;
        color: #FFFFFF;
    }
    .client-testimonial-name {
        padding-top: 10px;
    }
    #testimonial .carousel-inner {
        position: relative;
        top: 180px;
    }
    .testmonial-image-2 {
        position: unset;
    }
    .our-work-grid-wrapper {
        height: 100% !important;
    }
    .our-work-grid-container {
        position: unset;
    }
    .portfolio-our-work {
        height: 100% !important;
    }
    .we-are-a-landing {
        margin-left: 0%;
    }
    .we-are-a-landing h5 {
        margin-left: 0;
        text-align: center;
        line-height: 29px;
        margin-top: -31px;
    }
    .we-are-a-landing h1 {
        font-size: 225%;
        text-align: center;
        line-height: 66px;
    }
    .we-are-a-landing p {
        text-align: left;
    }
    .landing-red-more-btn {
        display: flex;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    #google-v-img {
        display: none;
    }
    #google-h-img {
        width: 100%;
        padding: 5%;
    }
    #we-do-heading-mob {
        color: #E2343D;
        display: flex;
        justify-content: center;
        margin-top: -160px;
        margin-bottom: 10px;
        font-size: -67px;
    }
    .we-do-img {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .we-do p {
        text-align: center;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /****************Our Work Section*******************/
    .our-work-left-image-container {
        display: none;
    }
    .our-work-description {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 33px;
    }
    .our-work-caption {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #portfolio-container {
        margin-top: 40px;
    }
    .grid-bottom-image-wrapper {
        display: none;
    }
    .main-service-text {
        margin-top: 29px;
        margin-bottom: 15px;
        line-height: 50px;
    }
    .service-image {
        margin-bottom: 20px;
    }
    .service-icon {
        display: flex;
        justify-content: center;
    }
    .service-item {
        text-align: center;
        line-height: 25px;
        margin: 15px 0px;
    }
    /********************Contact Us Section***********************/
    #contact-us .card {
        border-radius: 20px;
    }
    #contact-us .container {
        margin-top: 50px
    }
    .our-contact-detail {
        font-size: 30px;
    }
    .contact-detail-captions p {
        font-size: 18px;
    }
    .contact-us-form-header {
        text-align: center;
        margin-top: -20px;
    }
    .contact-us-form-header h1 {
        font-size: 30px;
    }
    .contact-form-submit-btn {
        margin-top: 10px;
        width: 100%;
    }
    /* ******************We Make Your Brand********************** */
    /* *****************Why Excite Brand Section********************* */
    #why-excite-brand .card {
        margin: 0px;
    }
    /*-----------Happy Client Section-------------*/
    .happy-client-icon {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
    .happy-client-text {
        margin-top: 20px;
        margin-left: 15px;
        margin-bottom: 20px;
    }
    /**********************Subscribe Section**********************/
    .newsletter-row {
        text-align: center;
    }
    #newsletter h2 {
        font-size: 25px;
        line-height: 30px;
    }
    #newsletter p {
        line-height: 22px;
    }
    .newsletter-form-submit-btn {
        width: 100%;
    }
    .newsletter-description {
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }
    .newsletter-title {
        margin-right: 25px;
    }
    .newsletter-description {
        margin-right: 22px;
        line-height: 0px;
    }
    #newsletter .card {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    /* ******************We Make Your Brand********************** */
    /* *****************Why Excite Brand Section********************* */
    #why-excite-brand .card {
        margin: 0px;
    }
    .design-content {
        margin-top: 50px;
    }
    /* ************************SEO Service************************ */
    /* ***********Card Section************ */
    #seo-feature .card {
        width: 100%;
    }
    .row-wrapper-seo-feature {
        padding: 0;
        margin: 0;
    }
    .seo-btn-services {
        justify-content: center;
        padding: 10px;
    }
    /* ****************Our SEO Expertise Section********************* */
    .seo-services-title {
        padding: 0px;
        font-size: 19px;
    }
    .our-seo-title {
        font-size: 30px;
    }
    .our-experties-icon {
        display: flex;
        justify-content: center;
    }
    .our-expertise-icon-title h5 {
        text-align: center !important;
    }
    .love-us-container {
        display: flex;
        justify-content: center;
    }
    .love-us-wrapper {
        padding: 4px;
        margin-top: 0px;
    }
    .cutomer-love-icon {
        margin-top: 7px;
    }
    .customer-love-us {
        margin-bottom: 20px;
    }
    /* ************Boost Website Section*********** */
    .boost-your-site-box {
        margin: 0rem !important;
        margin-top: 10px;
    }
    .boost-title {
        font-size: 20px;
        line-height: 30px;
        padding: 20px;
    }
    .boost-your-site-button {
        margin-bottom: 22px;
    }
    .navbar-nav li a {
        color: #11fffc !important;
        font-family: 'Metric-Light,Raleway', sans-serif;
        font-size: 21px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0;
    }
    .navbar-nav li a:hover {
        color: #FFFFFF !important;
    }
    .navbar-nav {
        background: #070203;
        text-align: center;
        height: 80vh;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .dropdown-menu {
        border: none;
        text-align: center;
        font-weight: 900;
        font-size: 18px;
        background-color: transparent !important;
    }
    #sub-dropdown-menu {
        display: none;
        position: unset;
        background: transparent;
        margin-left: 0px;
        margin-top: 0px;
        border: none;
        text-align: center;
        font-weight: 900;
        font-size: 18px;
    }
    #sub-dropdown-menu li a {
        color: #d5d5d5 !important;
        font-size: 16px !important;
    }
    .dropdown-toggle::after {
        display: none;
    }
    .dropdown .dropdown-menu a:hover {
        background: transparent;
        color: #d5d5d5 !important;
    }
    .navbar-nav li a.active {
        color: #d5d5d5 !important;
    }
    .navbar .nav-item.active {
        color: #FFFFFF !important;
    }
    .dropdown-menu li a {
        color: #d5d5d5 !important;
        font-size: 18px;
    }
    .ppc-company-do {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .two-column-container {
        display: flex;
        flex-direction: column;
        padding: 0px 20px;
        margin-top: 10px !important;
    }
    #expert-ppc-marketing .two-column-container {
        flex-direction: column-reverse;
    }
    .space-container {
        padding: 3%;
    }
    .ppc-detail-content {
        padding: 0px;
    }
    .ppc-detail-content p {
        text-align: left !important;
        margin: 0px !important;
    }
    .google-award-agency-do {
        display: none;
    }
    .ppc-section-title h2 {
        font-size: 20px;
    }
    .two-column-container-ppc {
        flex-direction: column;
    }
    .tc-illustration-wrapper {
        margin-top: 5%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5%;
    }
    .google-add-title h3 {
        font-size: 40px;
    }
    .ppc-image-container {
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .banner-image-control {
        margin-left: 5%;
        margin-right: 5%;
    }
    .ppc-text-header {
        margin-left: 2%;
        margin-right: 2%;
    }
    .ppc-management-content {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .navbar {
        padding: 0px;
    }
    .flex-item {
        flex-basis: 100%;
        flex-direction: column;
    }
    .faq-question {
        padding-left: 1%;
        padding-right: 1%;
    }
    .faq-question h6 {
        font-size: 16px !important;
        text-align: left !important;
    }
    .our-london-expert h3 {
        font-size: 18px;
        text-align: left;
    }
    .seo-services-london-bg-clr h1 {
        font-size: 22px !important;
        line-height: 33px;
    }
    .header-top {
        height: 17vh;
    }
    #content-optimisation .two-column-container {
        flex-direction: column-reverse;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .dropdown-menu-flex {
        display: unset;
    }
    .navbar .nav-item:hover .nav-link {
        color: #ffffff;
        background: transparent;
    }
    #sub-dropdown:hover #sub-dropdown-menu {
        display: block;
        margin-left: 0px;
    }
    .flex-container-birmingham .flex-item-b {
        width: 100%;
        flex: 40% !important;
        margin: 2% 1%;
    }
    .seo-btn-services {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .two-column-container {
        flex-direction: column;
    }
    #content-optimisation .two-column-container {
        flex-direction: column-reverse;
    }
    .seo-marketing-and-professional-seo {
        flex-direction: column;
    }
    .seo-services-london-bg-clr h1 {
        font-size: 50px !important;
    }
    .navbar {
        padding: 0px;
    }
    .icon-box {
        margin: 0px;
    }
    .navbar .nav-item.active {
        border-bottom: none;
        border-bottom-width: none;
    }
    .navbar-nav li a {
        color: #11fffc !important;
        font-family: 'Metric-Light,Raleway', sans-serif;
        font-size: 30px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0;
    }
    .navbar-nav li a:hover {
        color: #FFFFFF !important;
    }
    .navbar-nav {
        background: rgb(15, 16, 16);
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .dropdown-menu {
        border: none;
        text-align: center;
        font-weight: 900;
        font-size: 18px;
        background-color: transparent !important;
    }
    #sub-dropdown-menu {
        display: none;
        position: unset;
        background: transparent;
        margin-left: 0px;
        margin-top: 0px;
        border: none;
        text-align: center;
        font-weight: 900;
        font-size: 18px;
    }
    #sub-dropdown-menu li a {
        color: #d5d5d5 !important;
        font-size: 16px !important;
    }
    .dropdown-toggle::after {
        display: none;
    }
    .dropdown .dropdown-menu a:hover {
        background: transparent;
        color: #d5d5d5 !important;
    }
    .navbar-nav li a.active {
        color: #d5d5d5 !important;
    }
    .navbar .nav-item.active {
        color: #FFFFFF !important;
    }
    .dropdown-menu li a {
        color: #d5d5d5 !important;
        font-size: 18px;
    }
}

@media(min-width: 320px) and (max-width: 575px) {
    .we-are-a-landing h1 {
        font-size: 30px;
        text-align: center;
        line-height: 37px;
        margin-top: 6%;
    }
    .what-we-do-icon-dp {
        display: none;
    }
    .what-we-do-icon {
        display: none;
    }
    .we-make-brand-caption h6 {
        font-size: 20px;
        text-decoration-thickness: 1px;
        padding-bottom: 2px;
    }
    .paper-line-imag-1 {
        display: none;
    }
    .paper-line-imag {
        display: none;
    }
    #why-excite-brand .card .card-body {
        padding: 0rem;
    }
    .element-img {
        display: none;
    }
    .element1-img {
        display: none;
    }
    .design-content {
        margin-left: 0px;
    }
    #we-make-you-brand {
        background: rgba(0, 0, 0, 0.9);
        padding: 14px;
    }
    .our-work-grid-wrapper {
        height: 100% !important;
    }
    .our-work-grid-container {
        position: unset;
    }
    .portfolio-our-work {
        height: 100% !important;
    }
    .icon-box img {
        width: 60%;
        display: flex;
        justify-content: center;
    }
    .row-wrapper-seo-feature {
        text-align: -webkit-center;
    }
}

@media(min-width: 320px) and (max-width: 500px) {
    .container-wrapper {
        margin: 0px;
    }
    .grid-container-our-experties {
        padding-top: 30px;
        grid-gap: 0rem;
    }
    .gird-div {
        width: 80px;
        height: 80px;
    }
    .carousel-caption {
        position: absolute;
        margin: 0px;
        right: 0%;
        left: 0%;
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #testimonial {
        min-height: 400px;
    }
    .testimonial-sub-title {
        font-size: 30px !important;
    }
    .customer-love-us-icon-box {
        width: 150px;
        height: 150px;
        text-align: center;
    }
    .header-top {
        height: 10vh;
    }
}