@media(max-width:1740px)
{

    .home_section8 {
        margin-top: 30px;
    }

    .home_section8 #accordion1{
        width: 50%;
    }

 

    .tab_slide {
        margin-top: -131px;
    }

    footer {
        padding: 100px 0 50px 0;
    }

    footer h1 {
        font-size: 70px;
    }

    .copyright {
        padding-top: 40px;
        margin-top: 30px;
    }


    .home_section5 {
        padding-top: 90px;
    }

    .fish_catcher{
        top: -197px;
        right: 288px;
    }

    .fish_catcher img{
        width: 360px;
    }
        
    .home_section4 h1 {
        font-size: 70px;
        line-height: 72px;
    }

    .faqs_section {
        padding: 58px 0;
    }
    

    .faqs_section p {
        font-size: 35px;
    }

    #accordion {
        margin-top: 34px;
    }

    .faqs_section ul li a {
        font-size: 35px;
    }

    .faqs_section h2{
        font-size: 70px;
        line-height: 72px;
    }

    .home_section6 p {
        font-size: 34px;

    }

    .home_section6 h2{
        font-size: 70px;
        line-height: 72px;
    }

    .home_section4 p {
        font-size: 36px;
    }

    .home_section4 span { 
        font-size: 32px;
    }

    .home_content span {
        font-size: 86px;
    }

    .logos_design h2{
        font-size: 86px;
    }


    .home_section5 .home_content span {
        line-height: 110px;
    }

    .home_section7 .home_content .home_alyer_1 {
        margin-bottom: 15px;
    }

    .home_section7 .home_content .home_alyer_2 {
        margin-bottom: 14px;
    }
    


    .home_section5 .home_alyer_4 {
        margin-top: 28px;
    }

    .home_section3_bg {
        padding-top: 189px;
        min-height: 459px;
        padding-bottom: 127px;
    }
    
    .home_section2 .home_content span {
    line-height: 90px;
}

.home_section3_bg.home_content span{
    line-height: 90px;
}

    .home_content .home_alyer_2 img {
        padding-right: 15px;
        width: 124px;
    }

    .money_6 img{
        width: 80%;
    }

    .money_5 img{
        width: 80%;
    }
    .money_5 {
        bottom: 10%;
    }
    
    .desktop-menu li {
        margin-right: 50px;
    }
    .imageCap {
        /* bottom: 74%;
        left: 12.5%;
        height: 14%;
        width: 10%; */
    }
   /* PORFOLIO PAGE */

   .card-section {
    margin: 0 12% 22%;
}
    /* Contact page */
    .contact_slide h1{
        font-size: 60px;
    }
    .contact_slide p{
        font-size: 24px;
    }
    .contact_slide_footer{
        font-size: 19px;
    }
    .top_contain {
        width: 1641px;
    }
    /* Cases Page */
    .visionCol1 .case-col-body {
        padding-right: 40px;
    }
}

@media(max-width:1640px)
{

    .p_photo1 label{
        margin-top: 12px;
    }

    .p_photo2 label{
        margin-top: 12px;
    }

    .story_card1 {
        width: 180px;
        height: 297px;
    }

    .story_card2 {
        left: 19%;
        height: 297px;
        width: 180px;
    }

    .story_card3 {
        left: 34%;
        top: 217px;
        width: 181px;
        height: 286px;
    }

    .story_card4 {
        left: 47%;
        top: 10px;
        width: 250px;
        height: 394px;
    }

    .story_card5 {
        right: 1%;
        top: 10px;
        width: 388px;
        height: 238px;
    }


    .story_card6 {
        right: 9%;
        bottom: 3%;
        width: 199px;
        height: 295px;
    }

    

    .home_section6 h2 {
        font-size: 60px;
        line-height: 66px;
    }

    .home_section6{
        padding-bottom: 50px;
    }

    .p_photo2 span {
        right: 0;
    }

    .p_photo2 label{
        right: 0;
    }

    .p_photo1 label{
        margin-left: 0px;
    }

    .p_photo1 {
        bottom: -70px;
        right: -96px;
    }

    .p_photo2 {
        top: -73px;
    }

    .p_photo1 span {
        padding-right: 0;
    }



    .learn-more .button-text {
        margin-top: -43px;
    }
    
    nav .container {
        width: 100%;
    }
   
    .resources h3 {
    font-size: 34px;
    }

    .custom_logo a {
        height: 55px;
    }

.laptop_main {
    width: 690px;
    height: 400px;
    background-size: contain;
        padding: 18px 80px 39px 80px;
}

.bg_parallax_content {
    padding-right: 20px;
}

.home_content h1 {
    font-size: 40px;
}



        .numeric_div_container {
    padding-top: 20px;
    }
    
    .resources_inner{
        padding-bottom:50px;
    }
    
    #pricing_slider .owl-next {
    right: -86px;
    }
    
    #pricing_slider .owl-prev{
           left: -86px;
    }

    .home_section4 h1 {
        font-size: 56px;
        line-height: 69px;
    }

    .home_section4 {
        padding-top: 103px;
    }
    /* ABOUT PAGE */
    .about_banner span{
        font-size: 100px;
    }
    .about_alyer_1{
        padding: 0;
    }
    
    .about_content .contact_arrow a{
        margin-left: 0;
        top: -70px;
    }
    .about_banner{
        margin-bottom: 4%;
    }
    
    .head-content{
        font-size: 60px;
    }
    .body-content{
        font-size: 40px;
    }
    .about_section2 .about_content2{
        padding: 0 80px;
        margin-bottom: 0;
        bottom: 220px;
        font-size: 30px;
        
    }
    
    .about_section3 .about_content{
        font-size: 80px;
        line-height: 0.4;
        padding: 0 0 0 20px;
    }
    .clashFont{
        margin-left: 28%;
    }
    .about_section3 .about_content2 .scrollX .itemX span{
        font-size: 39px;
    }
    .about_section3 .about_content2 .scrollX .itemX .col-body span{
        font-size: 30px;
        line-height: 1.289;
        position: absolute;
        top: 50%; 

    }
    .itemX {
        width: 550px;
        height: 550px;
    }
    .classX {
        padding: 0 0 100px 10px;
    }
    .imageCap {
        bottom: 72%;
        left: 27.5%;
        width: 37%;
    }
     /* PORTFOLIO PAGE */
     .bg_parallax_portfolio span{
        font-size: 80px;
    }
     .card-section{
        position: relative;
        padding: 0 4%;
        margin: 0 auto 22%; 
    } 
     .portfolio_section2 .card {
        position: relative;
        transition: 0.7s;
        min-height: auto;
        height: 833px;
    }
    .portfolio_section2 .portfolio_card{
        width: 550px; 
        margin: 0 3%;
    } 
    .portfolio_section2 .card-head{
        font-size: 22px;
    }
     .card2, .card4, .card6{
        top: 300px;
        left: 0;
    } 
    .portfolio_section2 .card-footer{
        font-size: 30px;
    }
    .portfolio_section2 .card6 .card-head{
        font-size: 19px;
    }
    .portfolio_section2 .card6 .card-footer{
        padding: 92% 7% 2%;
    }
     .circleCheck {
        height: 8rem;
        width: 8rem;
        left: 37%;
        top: 33%;
        border: 4px solid #fff;
    }
    .circleCheck span {
        top: 32%;
        left: 39%;
        font-size: 35px;
        font-weight: 600;
    }
    /* DESIGN PAGE */
    .realted-header span{
        font-size: 59px;
    }
    .design_section2 .design-head span{
        font-size: 59px;
    }
    .design_card .design-text{
        font-size: 30px;
    }
    .card-right-text{
        padding-left: 10%;
    }
    .design_card2 .pen_image{
        width: 30%;
    }
     .design_card4 .design-image .image2 {
        right: -7%;
    }
    .design_card4 .design-image-text {
        padding-top: 35%;
    }
    .design_card6 .design-image .image2 {
        width: 50%;
        left: 29%;
    }
    .project-card {
        height: 458px;
    }
    .related-text {
        font-size: 30px;
    }

    .bg_parallax_design span {
        font-size: 95px;
    }
    .parallax_para {
        font-size: 35px;
    }
    .related-inner-image1 {
        bottom: 8%;
    }
    .related-inner-image2 {
        top: 33%;
        left: 79%;
    }
    /* Development Page */
    .dev_section2 .dev_head span{
        font-size: 59px;
    }
    .dev_card .dev-text{
        font-size: 30px;
    }
    .bg_parallax_dev span {
        font-size: 95px;
    }
    .development-card5 .dev-image {
        padding: 20%;
    }
     /* Contact page */
     .contact_slide h1{
        font-size: 55px;
    }
    .contact_slide h2 {
        font-size: 35px;
    }
    .contact_slide input[type="text"] {
        height: 80px;
        font-size: 30px;
        width: 550px;
    }
    .top_contain {
        width: 1500px;
        padding-bottom: 50px;
    }
    .contact_slide select{
        height: 80px;
        font-size: 30px;
        min-width: 550px;
    }
    .contact_slide textarea{
        font-size: 30px;
        margin-top: 0px;

    }
    /* Cases Page */

    .CaseColor{
        width: 745px;
        height: auto;
    }
    .caseAboutHeading {
        font-size: 65px;
    }
    .caseAboutSubHeading {
        font-size: 55px;
    }
    .Casesec6-Head {
        font-size: 90px;
    }
    .readyHead {
        font-size: 90px;
    }
    .readyBody {
        font-size: 55px;
    }
    /* Cases Page */
    .visionCols .case-col-body {
        font-size: 31px;
    }
}

@media(max-width:1500px){
    .fish_catcher {
        top: -197px;
        right: 210px;
    }
    .about_banner span{
        font-size: 85px;
    }
 
    .about_alyer_3{
        /* margin-left: 33%; */
    }
    .about_content .contact_arrow a {
        top: -80px;
        margin-left: 0px;
    }
    
    
    .head-content{
        font-size: 55px;
    }
    .body-content{
        font-size: 35px;
    }
    .about_section2 .about_content2{
        font-size: 29px;
    }
    .about_section2 .about_content{
        min-height: 650px;
    }
    .about_section3 .about_content{
        font-size: 75px;
    }
    

    /* PORFOLIO PAGE */

    .bg_parallax_portfolio span{
        font-size: 70px;
    }
    .circleCheck span {
        /* top: 6%; */
    }
    /* Design Page */
    .design-image-text .design_box {
        width: 100px;
        height: 100px;
    }
    .bg_parallax_design span {
        font-size: 90px;
    }
    .parallax_para {
        font-size: 32px;
    }

    /* Contact Page */
    .contact_slide h2 {
        font-size: 32px;
    }
    .contact_slide input[type="text"] {
        height: 80px;
        font-size: 27px;
        width: 500px;
    }
    .contact_slide select{
        height: 80px;
        font-size: 27px;
        min-width: 500px;
    }
    .contact_slide textarea{
        font-size: 27px;
    }
    .required_field {
        top: 15px;
    }
    .top_contain {
        width: 1400px;
    }
    .contact_slide label {
        font-size: 16px;
    }
    .total_slide {
        font-size: 19px;
    }
    .contact_header {
        
        padding: 0 45%;
    }
    /* Cases Page */
    .case_section_banner .case_banner {
        height: 600px;
    }
    .caseAboutHeading {
        font-size: 60px;
    }
    .caseAboutSubHeading {
        font-size: 50px;
    }
    .visionCols .case-col-head {
        font-size: 35px;
    }
    .visionCols .case-col-body {
        font-size: 28px;
    }
    .visionCol1 {
        width: 80%;
    }
    .case_sec3-col1, .case_sec3-col2 {
        padding: 80px 20px;
    }
    .case_sec3-col1 {
        font-size: 35px;
    }
    .case_sec3-col2 {
        font-size: 26px;
    }
    .Casesec6-Head {
        font-size: 70px;
        letter-spacing: 0px;
    }
    .Casesec6-body {
        font-size: 35px;
    }
    .readyHead {
        font-size: 80px;
    }
    .readyBody {
        font-size: 50px;
    }
    .OtherHeader {
        font-size: 35px;
    }
    .OtherBody {
        font-size: 30px;
    }

}

@media(max-width:1430px){

  

    .hover_Section{
        padding: 80px 0;
    }

    .how_to_wizard .tab-content hr {
    margin-bottom: 50px;
    margin-top: 30px;
}



.how_to_wizard .tab-content {
    padding: 50px 80px;
}


    .testimonial2 .test_layer{
              height: 192px;
    }
    
    #pricing_slider {
    width: 1070px;
}
    
    .pricing_body h4 {
    font-size: 40px;
    }
    

     /* PORFOLIO PAGE */

     .card-section{
        padding: 0;
        margin: 0 auto 24%;
    } 
     /* Contact page */
     .contact_slide h1{
        font-size: 50px;
    }
    .contact_slide p{
        font-size: 21px;
    }
    .contact_slide_footer{
        font-size: 16px;
    }
    .step {
        width: 12%;
    }
}

@media(max-width:1420px){

    .how_to_wizard .tab_wizard_list li a {
    font-size: 14px !important;
    padding: 34px 5px 20px 5px!important;
}


}

@media(max-width:1400px){

    .about_banner span{
        font-size: 85px;
    }
    .about_alyer_1{
        margin-left: 2%;
    }
    
    .about_content .contact_arrow a {
        top: -70px;
        margin-left: 0px;
    }
    /* PORTFOLIO PAGE */
    .bg_parallax_portfolio span{
        font-size: 70px;
    }
    .card-section{
        padding: 0 5% 0 6%;
        margin: 0 auto 18%; 
    }
    .portfolio_section2 .card {
        height: 758px;
    }
    .portfolio_section2 .portfolio_card{
        width: 500px; 
    }
    .portfolio_section2 .card-head{
        font-size: 15px;
    }
    .card2, .card4, .card6{
        top: 215px;
    }
    .portfolio_section2 .card6 .card-head{
        font-size: 15px;
    }
    .portfolio_section2 .card6 .card-footer{
        padding: 86% 7% 2%;
    }
    /* Design page */
    .bg-line {
        background-position: right 35px;
    }
    .card-right{
        padding-left: 5%;
    }
    .card-right-text{
        padding-left: 15%;
    }
    .design_section2 .design-head span{
        font-size: 55px;
    }
    .design-image-text {
        font-size: 20px;
    }
    .design_text_box {
        margin-top: 20%;
    }
    .design_card5 .design-image .image1 {
        width: 150%;
    }
    /* Development Page */
    .bg-lineDev {
        background-position: right 35px;
    }
    .dev_section2 .dev_head span{
        font-size: 55px;
    }
    .dev-image-text {
        font-size: 20px;
    }
    .dev_text_box {
        margin-top: 20%;
    }
    .development-card1 .faceDiv {
        padding: 8% 49% 0 0%;
    }
    .devleft-image-text .faceDiv {
        padding: 7% 0% 0 35%;
    }
    .dev_lastCard .dev_cardlayer_2 {
        padding-left: 10rem;
    }
    /* Contact page */
    .contact_slide input[type="text"] {
        height: 60px;
        font-size: 22px;
        width: 400px;
    }
    .contact_slide select{
        height: 60px;
        font-size: 22px;
        min-width: 400px;
    }
    .contact_slide textarea{
        font-size: 22px;
    }
    .contact_slide h2 {
        font-size: 27px;
    }
    .required_field {
        top: 0px;
        font-size: 30px;
    }
    .top_contain {
        width: 1300px;
    }
    .contact_slide label {
        font-size: 16px;
    }
    .total_slide {
        font-size: 17px;
    }
    .checkboxes_list label{
        font-size: 22px;
    }

}


@media(max-width:1350px){

    .p_photo1 {
        right: -41px;
    }

    .home_section8 #accordion1 {
        width: 60%;
        top: 0;
    }

    .home_section8 {
        padding: 47px 0;
        margin-bottom: 31px;
        min-height: 677px;
        margin-top: 30px;
    }

    #accordion1 li .panel-heading a {
        font-size: 30px;
    }

    .home_section6 h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 40px;
    }

    .home_section5 {
        padding-top: 35px;
    }


    .pricing_plan {
    padding-bottom: 88px;
}
    
    .foot_text h2 {
    font-size: 30px;
    }
    
    
    .resources h3 {
    font-size: 30px;
}
    
    .resources_inner {
    padding-left: 0;
    }


    .home_sec7 {
    padding: 60px 0;
    }

.laptop_main {
    width: 600px;
    height: 355px;
        padding: 16px 70px 38px 70px;
}



    .home_section6 p {
        font-size: 30px;
    }
        /* ABOUT PAGE */
    .about_banner span{
        font-size: 85px;
    }
    .about_alyer_1{
        margin-left: 0;
    }
    
    .about_content .contact_arrow a {
        top: -70px;
        margin-left: 0px;
    }
    
    .head-content{
        font-size: 50px;
    }
    .body-content{
        font-size: 35px;
    }
    .about_section2 .about_content2{
        font-size: 30px;
        bottom: 140px;
        margin-bottom: 0;
    }
    .about_section2 .about_content {
        min-height: 550px;
        
    }
    .about_section3 .about_content {
        font-size: 65px;
        top: -1rem;
        margin-left: 2%;
    }
    .itemX {
        width: 450px;
        height: 450px;
    }
    .about_section3 .about_content2 .scrollX .itemX .col-body span{
        font-size: 27px;
    }
    .about_section3 .about_content2 .scrollX .itemX span{
        font-size: 29px;
    }
    

    /* PORTFOLIO PAGE */
    .card-section{
        padding: 0 ;
    }

    /* Design Page */
    .bg_parallax_design span {
        font-size: 80px;
    }
    .parallax_para {
        font-size: 25px;
    }
    .project-card {
        height: 400px;
    }
    .related-text {
        font-size: 25px;
    }
    .card-left .design-image{
        width: 80%;
    }
    .design_card6 .card-left .design-image {
        width: 100%;
    }
    .design_card .design-text {
        font-size: 25px;
    }
    .card-right-text {
        padding-left: 4%;
    }
    .design_card3 .design-image .image2 {
        left: 56%;
        width: 80%;
    }
    .design_card4 .design-image .image1 {
        width: 75%;
    }
    .design_card4 .design-image .image2 {
        left: 50%;
    }
    .design_card4 .design-image-text {
        padding-top: 30%;
    }
    .design5-image-text {
        padding: 10% 5%;
        display: inline-flex;
    }
    .design_text_box {
        width: 200px;
    }
    .design-text {
        padding-top: 36%;
    }
    .card-right-text .design-text {
        padding-top: 10%;
    }
    .design_card1 .card-right-text .design-text {
        padding-top: 10%;
    }

    /* Development Page */
    .bg_parallax_dev span {
        font-size: 80px;
    }
    .dev_card .dev-text {
        font-size: 25px;
    }
     .dev_lastCard .dev_cardlayer_2 {
        padding-left: 7rem;
    }
    .development-card1 .dev_text_box {
        margin-left: 10%;
    }
    .development-card1 .faceDiv {
        padding: 10% 35% 0 0%;
    }
    .devleft-image-text .faceDiv {
        padding: 10% 0% 0 20%;
    }
    .devleft-image-text .dev_text_box {
        margin-right: 10%;
    }
    .devleft-image-text {
        padding-top: 0;
    }
    /* Contact Page */
    .top_contain {
        padding-bottom: 30px;
    }
    .contact_slide p{
        font-size: 20px;
    }
    /* Cases Page */
    .caseAboutHeading {
        font-size: 55px;
    }
    .caseAboutSubHeading {
        font-size: 45px;
    }
    .visionCols .case-col-head {
        font-size: 30px;
    }
    .visionCols .case-col-body {
        font-size: 25px;
    }
    .case_section_banner .case_banner {
        height: 550px;
    }
    .case_sec3-col1 {
        font-size: 33px;
    }
    .CaseColor{
        height: auto;
        width: 650px;
    }
    .Casesec6-Head {
        font-size: 65px;
    }
    .readyHead {
        font-size: 70px;
    }
    .readyBody {
        font-size: 40px;
    }

}


@media(max-width: 1280px){

    .desktop-menu .get_in_touch a {
        font-size: 25px;
    }

    .desktop-menu li {
        margin-right: 34px;
    }


    /* DESIGN PAGE */
    .design_card4 .design-image-text {
        padding-top: 20%;
    }

    /* Contact Page */
    .top_contain {
        width: 1200px;
    }
    .contact_slide label {
        font-size: 14px;
    }
    .total_slide {
        font-size: 15px;
    }
    .checkboxes_list label{
        font-size: 20px;
    }

}


@media(max-width:1260px){

  
    .p_photo1 {
        right: -40px;
    }

    footer .dont_shy {
        margin-top: 0;

    }

}

@media(max-width:1200px){

    .logos_design h2 {
        font-size: 60px;
    }

    .home_content span {
        line-height: 59px;
    }

 

    .fish_catcher {
        top: -185px;
        right: 26px;
    }

    .home_section5 .home_alyer_4 {
        margin-top: 59px;
    }


    .fish_catcher img {
        width: 54%;
    }
    

    .home_content span {
        font-size: 60px;
    }

    .home_section4 h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .home_section4 p {
        font-size: 28px;
    }

    .home_section4 span {
        font-size: 24px;
    }

    .home_section4 .form-group {
        margin-bottom: 71px;
    }
    
 

    .faqs_section h2 {
        font-size: 50px;
    }

    .faqs_section p {
        font-size: 30px;
    }

    .indicator {
        font-size: 21px;
        margin-right: 5px;
    }

    .faqs_section ul li a {
        font-size: 30px;
    }

    .faqs_section ul li.panel {
        margin-bottom: 20px;
    }


    .p_photo label {
        font-size: 31px;
        top: -12px;
    }

    .p_photo span {
        font-size: 17px;
        top: -10px;
    }

    .custom_logo{
        width: auto;
        text-align: left;
    }

    .home_banner {
        min-height:650px;
        }

        .money_5 {
    bottom: -10%;
}

.money_5 img {
    width: 49%;
}

.home_section2 .home_content span {
    line-height: 68px;
}

    .money_6 img {
        width: 50%;
    }

    .home_content .home_alyer_2 img {
        padding-right: 25px;
        display: inline-block;
        width: 159px;
    }

    .fixed-nav-top{
        top: -1px;
    }

    
.top-menu {
    text-align: right;
    padding-top: 0px;
    width: 40px;
    float: right;
    display: block;
    margin-top: 18px;
}

#burger{
 
    left: inherit;
    right: 5px;
        float: right;
}

.animate{
       height: 27px;
}



.desktop-menu.showw {
    opacity: 1;
    visibility: visible;
    transition: visibility 0s,opacity .4s;
}


    .desktop-menu .dropdown-menu
    {
            padding-top: 15px;
    padding-bottom: 15px;
    }
    .desktop-menu .dropdown-menu>li>a{
        font-size:22px;
    }


    .desktop-menu .dropdown-menu>li>a {
    font-size: 15px;
}
    

    .desktop-menu{
        position: fixed;
        width: 100%;
        left: 0;
        height: 100%;
        z-index: 10;
        top: -100%;
    
        transition: 0.3s;
    
        background: #fff;
    }

    .bigg .desktop-menu{
        padding-top: 150px;
        top: 95px;
        height: 100vh;
        transition: 0.3s;
    }

    .fixed-nav-top.bigg .desktop-menu{
        top: 78px;
    }

    .desktop-menu ul li a{
        color:#000;
    }

    .desktop-menu ul li {
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block;
    }

    .desktop-menu ul {
        display: table;
        margin: auto;
    }

    .desktop-menu ul li {
        -webkit-transform: scale(1.15) translateY(-30px);
        transform: scale(1.15) translateY(-30px);
        opacity: 0;
        transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    }

    .bigg .desktop-menu ul li {
        -webkit-transform: scale(1) translateY(0px);
        transform: scale(1) translateY(0px);
        opacity: 1;
    }
    
    .bigg .desktop-menu ul li:nth-child(1) {
    transition-delay: 0.55s;
  }
  .bigg .desktop-menu ul  li:nth-child(2) {
    transition-delay: 0.52s;
  }
  .bigg .desktop-menu ul  li:nth-child(3) {
     transition-delay: 0.49s;
  }
  .bigg .desktop-menu ul  li:nth-child(4) {
   transition-delay: 0.42s;
  }
  .bigg .desktop-menu ul li:nth-child(5) {
  transition-delay: 0.35s;
  }
  .bigg .desktop-menu ul li:nth-child(6) {
     transition-delay: 0.28s;
  }
  .bigg .desktop-menu ul li:nth-child(7) {
    transition-delay: 0.21s;
  }
  

  .home_section2 .para {
    font-size: 30px;
}

.slider{
    font-size: 30px;
    height: 39px;
}


.home_section2 .upper_top img {
    margin-right: 82px;
    margin-top: 18px;
    width: 56px;
}

.home_section3_bg {
  
}

.home_section3_bg {
    padding-top: 160px;
    min-height: 395px;
    padding-bottom: 80px;
}

.home_section5 .home_content span {
    line-height: 68px;
}

.taxi_ribbon_bg {
    height: 224px;
}

.home_section3_bg.home_content span {
    line-height: 70px;
}

.dont_shy img {
    width: 21%;
}
   /* ABOUT PAGE */
   .about_banner span{
    font-size: 75px;
    line-height: 1;
}

.about_content .contact_arrow a {
    top: -50px;
}

.about_section2 .about_content2{
    font-size: 25px;
}
.about_section3 .about_content{
    font-size: 50px;
}
/* PORFOLIO PAGE */

.bg_parallax_portfolio span{
    font-size: 60px;
}

.card-section{
    padding: 0 2%;
    margin: 0 auto 22%; 
}
.portfolio_section2 .card {
    height: 644px;
}
.portfolio_section2 .portfolio_card{
    width: 425px; 
}
.portfolio_section2 .card-head{
    font-size: 15px;
}
.card2, .card4, .card6{
    top: 215px;
}
.portfolio_section2 .card-footer{
    font-size: 24px;
}
.portfolio_section2 .card6 .card-head{
    font-size: 12px;
}
.circleCheck span {
    top: 27%;
    left: 37%;
} 
    /* Design Page */
    .project-card {
        height: 343px;
    }
    .related-text {
        font-size: 22px;
    }
    .design_card1 .card-right-text .design-text {
        padding-top: 18%;
    }

    .design-image-text .design_box {
        width: 90px;
        height: 90px;
    }
    .design_text_box {
        width: 210px;
    }
    .design_card5 .design_text_box {
        width: 210px;
    }
    /* Development Page */

    .dev_lastCard .dev_cardlayer_2 {
        padding-left: 3rem;
    }
    .dev-text {
        padding-top: 28%;
    }
    .development-card4 .dev-text {
        padding-top: 14%;
    }
    .dev_section2 .learn-more .button-text {
        margin-top: -34px;
    }
    .dev_section2 .learn-more .button-text {
        font-size: 24px;
    }
    .development-card6 .dev-card-right-text .dev-text {
        padding-top: 41%;
    }
    .related-inner-image1 {
        bottom: 12%;
        width: 25%;
    }
    .related-inner-image2 {
        top: 33%;
        left: 81%;
        width: 20%;
    }
    /* Contact page */
    .contact_slide h1{
        font-size: 45px;
    }
    .contact_header{
        padding: 0 42%;
    }
    
    .contact_slide input[type="text"] {
        height: 55px;
        font-size: 19px;
        width: 370px;
    }
    .contact_slide select{
        height: 55px;
        font-size: 19px;
        min-width: 370px;
    }
    .contact_slide textarea{
        font-size: 19px;
    }
    .contact_slide h2 {
        font-size: 25px;
    }
    .top_contain {
        width: 1120px;
    }
    /* Cases Page */
    .caseAboutHeading {
        font-size: 47px;
    }
    .caseAboutSubHeading {
        font-size: 35px;
    }
    .case_section_banner .case_banner {
        height: 450px;
    }
    .case_sec3-col1 {
        font-size: 27px;
    }
    .case_sec3-col2 {
        font-size: 21px;
    }
    .Casesec6-Head {
        font-size: 50px;
    }
    .Casesec6-body {
        font-size: 30px;
        padding-right: 150px;
    }
    .readyHead {
        font-size: 60px;
    }
    .readyBody {
        font-size: 30px;
    }
    .OtherHeader {
        font-size: 30px;
    }
    .OtherBody {
        font-size: 25px;
    }
    .visionCols .case-col-body {
        font-size: 21px;
    }
    .MobBackGroundImg {
        height: 55vh;
    }
}

@media(max-width:1120px){
    /* PORTFOLIO PAGE */
    .card-section{
        position: relative;
        padding: 0 0% 0 6%;
        margin: 0 auto 22%; 
    }
    .portfolio_section2 .card {
        height: 600px;
    }
    .portfolio_section2 .portfolio_card{
        width: 396px; 
        margin: 0 3%;
    }

    /* DESIGN PAGE */

    .bg_parallax_design span {
        font-size: 70px;
    }
    .parallax_para {
        font-size: 23px;
    }
    .design_content .learn-more .button-text {
        margin-top: -33px;
        font-size: 25px;
    }
    .Steps{
        font-size: 18px;
    }
    .related-inner-image1 {
        bottom: 7%;
    }
    /* Development Page */
    .bg_parallax_dev span {
        font-size: 70px;
    }
    /* Contact Page */
    .learn-more .input_btn {
        margin-top: -36px;
    }
    .top_contain {
        width: 1050px;
    }
    .contact_slide p{
        font-size: 19px;
    }
    /* Cases Page */
    .case_section2 {
        margin-top: 5%;
        padding: 0 80px;
    }
}


@media(max-width:1080px){

    

    }

@media(max-width:1050px){
    
    /* PORTFOLIO PAGE */
    .card-section{
        margin: 0 auto 22%;
    }
    /* DESIGN PAGE */
    .design_section2 .design-head span {
        font-size: 44px;
    }
    .design-image-text{
        display: inline-flex;
    }
    .design5-image-text {
        padding: 12%;
        display: inline-flex;
        width: 100%;
    }
    .design_section2 .faceDiv{
        width: 26%;
        padding-top: 8%;
    }
    .design_card .design-text {
        font-size: 20px;
    }
    .design_card4 .design-image-text {
        padding-top: 38%;
    }
    /* Development Page */
    .dev_section2 .dev_head span {
        font-size: 44px;
    }
    .dev_card .dev-text {
        font-size: 20px;
    }
    /* Contact page */
    .contact_slide h1{
        font-size: 40px;
    }
    .top_contain {
        width: 992px;
    }
    .contact_slide p{
        font-size: 18px;
    }
    .case_section2 {
        margin-top: 5%;
        padding: 0 40px;
    }
}


@media(max-width:992px) {

    .p_photo1 {
         width: 40%;
    }

    .p_photo2{
        width: 40%;
    }


    .home_section2 .home_alyer_4{
        width: 100%;
    }

 

    .logos_design h2 {
        font-size: 37px;
    }

    footer .dont_shy{
        margin-top: 30px;
    }

    footer h1 {
        font-size: 50px;
    }
    footer p {
        font-size: 29px;
        width: 100%;
    }

    #accordion1 li .panel-heading a {
        font-size: 23px;
    }

    #accordion1 li .panel-body p {
        font-size: 17px;
    }


    .home_section8 #accordion1 {
        width: 100%;
        top: 0;
        position: relative;
    }

    .home_section7 .home_content .home_alyer_1 {
        margin-bottom: 10px;
    }

    .p_photo1 label {
        margin-left: -50px;
    }

    .p_photo1 span{
        margin-right: 65px;
    }

    .p_photo1 {
        bottom: -51px;
        right: 0;
    }

    .p_photo2 span{
        margin-right: 65px;
    }


    .top-menu {
        margin-top: 10px;
    }

    .bigg .desktop-menu {
        top: 57px;
        padding-top: 100px;
    }

    .fixed-nav-top.bigg .desktop-menu {
        top: 57px;
    }

    .custom_logo a {
        height: 42px;
    }

    .fixed-nav-top .custom_logo a {
        height: 36px;
    }

    
    .home_section3_bg {
        padding-top: 210px;
        min-height: 422px;
    }

    .home_section4 h1 {
        font-size: 40px;
        line-height: normal;
    }

    .home_section4 p {
        font-size: 29px;
    }

    .home_section4 span {
        font-size: 27px;
    }

    .home_section4 .form-group {
        margin-bottom: 30px;
    }

    .home_section4 {
        padding-top: 66px;
    }

    .home_section3_bg {
        padding-top: 150px;
        min-height: 390px;
    }

    .taxi_ribbon_bg{
        background-size: contain;
    background-repeat: no-repeat;
    height: 200px;
    background-position: top;

    }

    .home_section3_bg.home_content span{
        line-height: 62px;
    }

    .home_section2 .home_content span{
        line-height: 62px;
    }

    .home_section2 .bg_parallax_content {
        margin-top: 57px;
    }

    .money_2 img{
        width: 80%;
    }

    .money_4 img{
        width: 80%;
    }

    .home_banner {
        padding-top: 100px;
    }

    .home_alyer_2 {
        padding-left: 0;
        margin: 0;
    }

    .money_5 {
        bottom: 0;
    }

    .money_5 img{
        width: 72%;
    }

    .learn-more .button-text {
        margin-top: -30px;
        font-size: 25px;
    }

    .bg_parallax_content{
        padding-right: 0;
    }

    .money_5{
    }

    .home_content .contact_arrow {
    }

    .money_6{
        bottom: 0;
        right: 0;
    }

    .home_banner {
        min-height: 649px;
    }

    .home_content span {
        line-height: 35px;
    }

    .home_section5 .home_content span {
        line-height: 79px;
    }

  

    .home_alyer_3 {
        margin-left: 0;
    }

    .fish_catcher {
        top: 0;
    }

    .fish_catcher img {
        width: 210px;
    }

    .home_section5 .home_alyer_4 {
        margin-top: 77px;
    }

    .pad_top {
        padding-top: 60px;
    }

    
    .home_section6 h2 {
        font-size: 30px;
        line-height: normal;
    }

    .home_section6 p {
        font-size: 25px;
    }
    
    /* ABOUT PAGE */
    .about_banner span{
        font-size: 75px;
    }
   
    .head-content{
        font-size: 40px;
    }
    .body-content{
        font-size: 30px;
    }
    .about_section2 .about_content{
        min-height: 500px;
    }
    .about_section2 .about_content2{
        font-size: 18px;
    }
    .about_section3 .about_content{
        font-size: 50px;
    }
    .about_section3 .about_content2 .scrollX .col-head{
        line-height: 20px;
    }
      /* PORFOLIO PAGE */

    .bg_parallax_portfolio span{
        font-size: 47px;
    }
    .card-section{
        left: 6%;
        padding: 0;
        margin: 0 auto 26%; 
    }
    .portfolio_section2 .card {
        height: 527px;
    }
    .portfolio_section2 .portfolio_card{
        width: 348px; 
    }
    .portfolio_section2 .card-head{
        font-size: 15px;
    }
    .card2, .card4, .card6{
        top: 215px;
        left: 0;
    }
    .portfolio_section2 .card-footer{
        font-size: 20px;
    }
    .portfolio_section2 .card6 .card-head{
        font-size: 11px;
    }
     .circleCheck {
        height: 7rem;
        width: 7rem;
    }
    
    .circleCheck span {
        top: 24%;
        left: 38%;
        font-size: 32px;
    } 
    /* Design Page */

    .project-card {
        height: 289px;
    }
    .related-text {
        font-size: 20px;
    }
    .design-image-text .design_box {
        width: 80px;
        height: 80px;
    }
    .pen_image {
        position: relative;
        top: 47%;
        right: 5%;
    }
    .design_card4 .design-image-text {
        padding-top: 25%;
    }
    .parallax_para {
        font-size: 22px;
    }
    .design5-image-text {
        font-size: 21px;
    }
    .Steps{
        font-size: 16px;
    }
    /* Development Page */
    .devleft-image-text {
        font-size: 21px;
    }
    /* Contact page */
    .contact_slide h1{
        font-size: 35px;
    }
    .contact_slide p{
        font-size: 15px;
    }
    .contact_slide_footer{
        font-size: 15px;
    }
    .contact_header{
        padding: 0 45%;
    }
    .cont_back {
        top: 67px;
        margin-top: -83px;
    }
    
    .contact_slide label {
        font-size: 14px;
    }
    .contact_slide input[type="text"] {
        height: 50px;
        font-size: 19px;
        width: 350px;
    }
    .contact_slide select{
        height: 50px;
        font-size: 19px;
        min-width: 350px;
    }
    .contact_slide textarea{
        font-size: 19px;
    }
    .required_field {
        font-size: 25px;
    }
    .top_contain {
        width: 900px;
    }
    .control__indicator {
        top: 15px;
        height: 30px;
        width: 30px;
    }
    .control {
        padding: 15px 15px 15px 97px;
    }
    .checkboxes_list label{
        font-size: 22px;
    }
    .control--checkbox .control__indicator:after {
        left: 9px;
        top: 3px;
        width: 11px;
        height: 20px;
    }
    /* Cases Page */
    .caseAboutHeading {
        font-size: 40px;
    }
    .caseAboutSubHeading {
        font-size: 25px;
    }
    .visionCols .case-col-head {
        font-size: 22px;
    }
    .case_sec3-col1 {
        font-size: 25px;
    }
    .case_sec3-col2 {
        font-size: 23px;
    }
    .CaseColor {
        height: auto;
        width: 500px;
    }
    .Casesec6-Head {
        font-size: 35px;
    }
    .Casesec6-body {
        font-size: 25px;
        padding-right: 100px;
    }
    .readyHead {
        font-size: 50px;
    }
    .readyBody {
        font-size: 21px;
    }
    .case_section7 .realted-header span {
        font-size: 40px;
    }
    .otherwork1 {
        padding: 0 30px;
    }
    .OtherHeader {
        font-size: 25px;
    }
    .OtherBody {
        font-size: 22px;
    }
    .case_section_banner .case_banner {
        height: 350px;
    }
    .case_section3 {
        padding: 0px;
    }
    .case_section2 {
        padding: 0 80px;
    }
        .visionCol1 .case-col-body {
        padding-right: 0px;
    }
    .visionCols .case-col-body {
        font-size: 19px;
    }
    .case_sec3-col1, .case_sec3-col2 {
        width: 100%;
        padding: 20px 0;
    }
    .case_sec3-col2 {
        margin-left: 0;
    }
    /* .case_sec3-cols{
        padding: 80px 0;
    } */
    .case_section3,.case_section5 {
        margin-top: 5%;
        padding: 0 40px;
    }
    

}


@media(max-width:900px){

    
    /* PORFOLIO PAGE */

    .card-section{
        left: 4%;
    }

    .top_contain {
        width: 850px;
    }

}

@media(max-width:850px){

    .about_banner span{
        font-size: 70px;
        line-height: 1;
    }
    .about_alyer_3{
        padding-left: 30%;
    }
    
    /* PORTFOLIO PAGE */
    .card-section{
        left: 7%;
        margin: 0 auto 29%; 
    }
    .portfolio_section2 .card {
        height: 455px;
    }
    .portfolio_section2 .portfolio_card{
        width: 300px; 
    }
    .portfolio_section2 .card-footer{
        font-size: 19px;
        padding: 100% 7% 0;
    }
    .portfolio_section2 .card6 .card-head{
        font-size: 10px;
    }
    .portfolio_section2 .card6 .card-footer{
        padding: 80% 7% 0;
    }
     .circleCheck {
        height: 7rem;
        width: 7rem;
    }
    .circleCheck span {
        top: 30%;
        left: 38%;
        font-size: 28px;
    } 
    /* Design Page */
    .bg_parallax_design span {
        font-size: 60px;
    }
    .parallax_para {
        font-size: 19px;
    }
    .project-card {
        height: 260px;
    }
    .related-text {
        font-size: 22px;
    }
    .design_card .design-text {
        font-size: 15px;
    }
    .design-text {
        padding-top: 40%;
    }
    .design_card4 .design-image-text {
        padding-top: 32%;
    }
    .design_section2 .design-head span {
        font-size: 40px;
    }
    .design5-image-text {
        font-size: 19px;
    }
    .related-inner-image1 {
        bottom: 12%;
    }


    /* Development Page */
    .bg_parallax_dev span {
        font-size: 60px;
    }
    .dev-image-text {
        font-size: 16px;
    }
    .dev_section2 .dev_head span {
        font-size: 40px;
    }
    .devleft-image-text {
        font-size: 19px;
    }
    .dev_section2 .learn-more .button-text {
        font-size: 17px;
    }
    .devleft-image-text .faceDiv {
        padding: 10% 0% 0 10%;
    }
    .top_contain {
        width: 800px;
    }
    .step {
        width: 11.8%;
    }
    /* cases Pages */
    .case_sec3-col2 {
        font-size: 21px;
    }
}
@media(max-width:800px){
    .about_banner span{
        font-size: 65px;
        line-height: 1;
    }
    .about_alyer_2{
        padding-left: 39%;
    }
    .about_alyer_3{
        padding-left: 33%;
    }
    
    /* DESIGN PAGE */
    .design-image-text .design_box {
        width: 70px;
        height: 70px;
    }
    .top_contain {
        width: 768px;
    }
    

}

@media(max-width:768px){

    .simple_section {
        padding: 15px 0;
    }

    .otherwork1 {
        padding: 0 10px;
    }
    .home_section2 .upper_top{
        display: block;
        margin-bottom: 28px;
    }

    .upper_top .o-title_line{
        display: block;
    }

    .slider_inline {
        display: block;
        max-width: 100%;
    }

    .home_section7 .home_content .home_alyer_1{
        margin-bottom: 0;
    }

    .about_client_slider .item img {
        width: 90px;
    }

    .about_client_slider .item {
        width: auto;
        display: block;
        margin: 0;
    }

    .slider{
        font-size: 23px;
    }

   .home_section5 .home_alyer_3 {
    margin-left: 15px;
    text-align: left;
}


    .home_section4 h1 strong{
    }

    .home_section2 .bg_parallax_content{
        display: table;
        margin: auto;
    }

    .home_section2 .home_content {
        margin-top: 0;
    }



    .money_5 {
        bottom: 30px;
        width: 192px;
        left: -97px;
    }

    .money_5 img {
        width: 100%;
    }

    .home_banner .container{
        width: auto;
        margin: auto;
        display: table;
    }
   

    .home_banner .container .home_alyer_1{
        text-align: right;
        margin-left: 0;
        margin-right: 15px;
    }

    .home_banner .container .home_alyer_2{
        text-align: right;
    }

    .home_content .contact_arrow {
        margin-top: 27px;
    }

    .money_6 {
        bottom: 0;
        right: -87px;
        width: 350px;
    }

    .money_6 img{
        width: 100%;
    }

    .hover_Section {
        padding: 36px 0;
    }



    .hover_Section .home_alyer_2{
    }



    .home_section2 .home_content span{
        line-height: 51px;
    }

    .home_content span {
        font-size: 38px;
        line-height: 51px;
    }


    .copyright {
        padding-top: 30px;
        margin-top: 24px;
    }

    footer .contact_arrow {
        float: none;
        margin: auto;
        margin-top: 25px;
    }

    footer .dont_shy {
        margin-top: 30px;
        width: 100%;
    }

    footer {
        text-align: center;
    }

    .copyright a img{
        width: 156px;
    }

    .copyright p {
        font-size: 23px;
        margin: 0;
    }

    footer h1 {
        font-size: 32px;
    }

    footer p {
        font-size: 23px;
        margin-top: 15px;
    }

    .home_section7 .home_content {
        margin-top: 90px;
    }

    .home_section7 .home_content .home_alyer_1{
        text-align: center;
    }

    .home_section7 .home_content .home_alyer_3 {
        text-align: center;
        margin-bottom: 10px;
    }

    .home_section7 .home_content .home_alyer_2 {
        text-align: center;
        margin-bottom: 9px;
    }

    .home_section5{
        text-align: center;
    }

    .fish_catcher {
        top: -31px;
        right: 1%;
    }

    .home_section4 h1 {
        font-size: 25px;
    }

    .home_section4 p {
        font-size: 20px;
    }

    .home_section4 span {
        font-size: 20px;
    }

    .home_section5 .home_alyer_2{
    }


    .fish_catcher img {
        width:130px;
    }

    .home_section5 .container {
        display: table;
        margin: auto;
    }

    .home_section5 .home_alyer_4 {
        margin-top: 30px;
        text-align: left;
    }

    .home_section5 .home_content span {
        line-height: 51px;
    }
    .learn-more .button-text {
        margin-top: -25px;
        font-size: 20px;
    }
/*
    .home_section2 .bg_parallax_content {
        margin-top: 24px;
        text-align: center;
    }
*/

   /* .learn-more .circle{
        width: 2rem;
        height: 2rem;
    }

    .learn-more .circle .icon.arrow {
        left: 0;
    }*/

    .home_section2 .upper_top img {
        margin-right: 30px;
        margin-top: 10px;
        width: 35px;
    }
/*
    .home_section2 .para {
        font-size: 17px;
    }

    .slider {
        font-size: 17px;
        height: 17px;
        padding-left: 6px;
    }*/

    .home_content span {
       /* font-size: 28px;
        line-height: normal;*/
    }

    /*.home_section2 .home_content .home_alyer_1,
    .home_section2 .home_content .home_alyer_3
    {
        text-align: center;
    }
*/
   /* .home_section2 .home_content span{
        font-size: 30px;
        line-height: normal;
    }

    .home_banner .home_content{
        text-align: center;
    }
*/
    .learn-more .button-text{
        margin-left: 60px;
    }

  
/*
    .home_content .contact_arrow a{
        margin: auto;
    }*/

    .home_banner {
        padding-top: 10px;
        padding-bottom: 0;
        min-height: 500px;
    }



    nav{
        background: none;
    }

 

    .home_content .contact_arrow{
        text-align: center;
        margin-left: -10px;

    }

    .home_content .home_alyer_2 img{
      
    }

    .home_alyer_2{

        padding: 0;
    }

    .money_2{
        right: -40px;
        top: 0;
        width: 100px;
    }

    .money_2 img {
        transform: none !important;
    }

    .home_alyer_3 {
        margin-left: -15px;
    }

    .custom_logo a {
        height: 30px;
    }

    .fixed-nav-top .custom_logo a {
        height: 25px;
    }

    .top-menu {
        margin-top: 6px;
    }
    .fixed-nav-top.bigg .desktop-menu {
        top: 45px;
        padding-top: 50px;
    }

    .dont_shy img {
        width: 108px;
    }
    
    .taxi_ribbon {
        margin-left: -99px;
    }

    .taxi_ribbon_bg {
    height: 142px;
    width: 1760px;
}

.home_section3_bg .home_alyer_1 {
    text-align: center;
}

.home_section3_bg.home_content span {
    line-height: 57px;
}

.home_section3_bg .home_alyer_2 {
    text-align: center;
}

.home_alyer_2{
    /*margin-left: 0;
    text-align: center;*/
}

.shy_tooltip {
    font-size: 20px;
}

.home_section2{
    padding-bottom: 0;
}

.home_section3_bg {
    padding-top: 130px;
    min-height: 286px;
}

.home_section3_bg.home_content span {
}



.hover_div {
    min-height: 800px;
}


.story_card1 {
    width: 150px;
    height: 237px;
    top: 0;
    left: inherit;
    right: 15px;
}

.story_card2 {
    left: 15px;
    width: 150px;
    height: 237px;
}

.story_card3 {
    left: inherit;
    right: 25%;
    top: 42%;
    width: 130px;
    height: 200px;
}

.story_card4 {
    left: inherit;
    top: 32%;
    width: 201px;
    height: 327px;
    right: 15px;
}


.story_card5 {
    right: inherit;
    top: inherit;
    width: 340px;
    height: 225px;
    left: 15px;
    bottom: 0;
}

.story_card6 {
    right: 15px;
    bottom: 0;
    width: 142px;
    height: 209px;
}


.home_content .home_alyer_2 img {
    display: none;
}

.home_section2 .home_alyer_4 .para {
    font-size: 20px;
    width: 80%;
    margin-left: 25%;
    padding-right: 15px;
}


.home_banner  .home_content {
    margin-top: 50px;
}


.home_section6 h2 {
    text-align: center;
    font-size: 26px;
    width: 266px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.home_section6 p {
    font-size: 20px;
    text-align: center;
}

.home_section6 .contact_arrow a{
    margin-left: auto;
    margin-right: auto;
}

.pad_top {
    padding-top: 34px;
}

.p_photo label {
    font-size:25px;
    color: #fff;
    transform: none;
    text-align: center;
    display: table;
    margin: auto;
}
.p_photo2 {
    top: 0;
}

.p_photo1 {
    bottom: 0;
}

.p_photo span {
    font-size: 9px;
    text-align: center;
    transform: none;
    color: #fff;
    margin: 0;
    margin-left: -49px;
}

.p_photo img {
    margin-bottom: 12px;
}

.home_section6{
    background: #1127E0 url(../images/home_Sec6_mobile.png)no-repeat;
}

.logos_design h2 {
    font-size: 30px;
}

.home_section7 {
    margin-top: 90px;
}

.logos_design {
    padding: 30px 0;
}


.about_client_slider {
    margin-top: 30px;
    margin-bottom: 30px;
}

.about_client_slider .item {
    height: 150px;
}

.about_client_slider {
    height: 193px;
}


.home_section7 .home_content .home_alyer_2{
    margin: 0;
}

.hover_Section .home_alyer_2 {
    margin-top: 0;
}

.hover_Section .bg_parallax_content{
    display: table;
    margin: auto;
}

/* ABOUT PAGE */
.about_banner span{
    font-size: 66px;
}

.about_section2 .about_content{
    min-height: 450px;
}
.head-content{
    font-size: 35px;
    padding: 0 20px;
}
.body-content{
    font-size: 25px;
    padding: 0 20px;
}
.about_section2 .about_content2{
    padding: 0 10px;
    font-size: 18px;
    bottom: 138px;
}
.clashFont{
    margin-left: 28%;
}
.about_section3 .about_content2 .scrollX .itemX span{
    font-size: 25px;
}
.about_section3 .about_content2 .scrollX .itemX .col-body span{
    font-size: 25px;
    line-height: 1.289;
    position: absolute;
    top: 50%; 
    width: 90%;
}

.classX {
    padding: 0 0 100px 10px;
}
.about_content2{
    display:flex !important;
    justify-content:center;
}
#itemWrapperrr{
    width:65%;
}
     /* PORFOLIO PAGE */
    
     .bg_parallax_portfolio span{
        font-size: 42px;
    }   
    .card-section {
        position: initial;
        margin: 0 12% 2%;
    }
    .portfolio_section2 .card-head{
        position: absolute;
        font-size: 15px;
        width: 100%;
    }
    .portfolio_section2 .card-footer{
        position: relative;
        font-size: 23px;
        padding: 0% 7%;
        top:82%;
        left: 2%;
        margin-top: -5%;
    } 
    .portfolio_section2 .card6 .card-footer{
        padding: 0 5%;
        top:73%;
        margin-top: -5%;
    }
    .portfolio_section2 .card6 .card-footer .learn-more .button-text {
        margin-left: 55px;
    }
    
    .portfolio_section2 .card3, .card4 , .card6{
        background-size: cover;
    }
    .portfolio_section2 .card {
        border-radius: 21px;
        height:600px; 
    }
    .portfolio_section2 .portfolio_card{
        width: 400px;
    }
    .portfolio_section2 .portfolio_card{
        display: block;
        margin: 0 auto;
    }
    .card2, .card4, .card6{
        left: 0;
        top:0
    }
    
    .circleCheck {
        border: 2px solid #fff;
        height: 7rem;
        width: 7rem;
        left: 40%;
        top: 40%;
    }
    
    .circleCheck span {
        top: 30%;
        left: 39%;
        font-size: 26px;
    }
    /* Design Page */

    .bg_parallax_design span {
        font-size: 50px;
    }
    .design_section2 .design-head span {
        font-size: 35px;
    }
    .design-image-text .design_box {
        width: 60px;
        height: 60px;
        border-radius: 10px;
    }
    .pen_image {
        position: relative;
        top: 47%;
        right: 5%;
    }
    .design_text_box {
        width: 184px;
    }
    .design-image-text {
        font-size: 15px;
    }
    .design5-image-text {
        font-size: 15px;
    }
    .design_card4 .design-image-text {
        padding-top: 25%;
    }
    .parallax_para {
        font-size: 17px;
    }
    .card-right-text .design-text {
        padding-top: 0%;
    }
    .design_card1 .card-right-text .design-text {
        padding-top: 6%;
    }
    .design_text_box {
        margin-top: 10%;
    }
    .design_text_box {
        margin-right: 20px;
    }
    .design5-image-text {
        padding: 12% 0 0 12%;
    }
    .design_card5 .design_text_box {
        width: 178px;
    }
    .design_card .design-text {
        font-size: 17px;
    }
    .realted-header span {
        font-size: 45px;
    }
    .projects-card {
        display: block;
    }
    .project-card {
        width: 50%;
        height: 397px;
        border-radius: 15px;
        margin-left: 0;
        margin: 2% auto;
    }
    .Steps {
        font-size: 14px;
    }
    .related-inner-image1 {
        bottom: 8%;
    }
    /* Development Page */
    .development-card1 .dev_text_box {
        margin-left: 0%;
    }
    .bg_parallax_dev span {
        font-size: 50px;
    }
    .dev_section2 .dev_head span {
        font-size: 35px;
    }
    .dev-image-text {
        font-size: 15px;
    }
    .devleft-image-text {
        font-size: 15px;
    }
    .dev_card .dev-text {
        font-size: 17px;
    }
    .dev_section2 .learn-more .button-text {
        margin-top: -26px;
    }
    .dev_section2 .learn-more .button-text {
        font-size: 14px;
    }
    /* Contact page */
    .contact_slide h1{
        font-size: 30px;
    }
    .contact_slide p{
        font-size: 17px;
    }
    .contact_slide_footer{
        font-size: 14px;
    }
    .contact_header{
        padding: 0 43%;
    }
    .contact_slide label {
        font-size: 12px;
    }
    .contact_slide input[type="text"] {
        height: 45px;
        font-size: 15px;
        width: 300px;
    }
    .contact_slide select{
        height: 45px;
        font-size: 15px;
        min-width: 300px;
    }
    .contact_slide textarea{
        font-size: 15px;
    }
    .top_contain {
        width: 700px;
    }
    .cont_back {
        width: 9%;
        top: 67px;
        margin-top: -100px;
    }
    
    .control {
        width: 100%;
        padding: 15px 15px 15px 60px;
    }
    .response_section h2 {
        font-size: 50px;
        
    }
    .checkboxes_list label{
        font-size: 20px;
    }
    /* Cases Page */
    .case_section_banner .case_banner {
        height: 250px;
    }
    .case_section2 {
        padding: 0 60px;
    }
    .caseAboutHeading {
        font-size: 35px;
    }
    .caseAboutSubHeading {
        font-size: 26px;
    }
    .visionCols .case-col-head {
        font-size: 25px;
    }
    .visionCols .case-col-body {
        font-size: 21px;
    }
    .case_section3,.case_section5 {
        padding: 0 70px;
    }
    /* .case_sec3-col1 {
        font-size: 17px;
    } */
    .CaseColor {
        height: auto;
        width: 400px;
    }
    .Casesec6-Head {
        font-size: 30px;
    }
    .Casesec6-body {
        font-size: 21px;
        padding-right: 30px;
    }
    .case_section6 {
        padding: 0 40px;
    }
    .readyHead {
        font-size: 40px;
        letter-spacing: 0px;
    }
    .readyBody {
        font-size: 19px;
    }
    .case_section7 {
        padding: 0 40px;
    }
    .OtherHeader {
        font-size: 20px;
    }
    .OtherBody {
        font-size: 18px;
    }
    .visionCol1,.visionCol2{
        width: 100%;
    }
    .visionCols {
        display: block;
    }
    .VisCol {
        padding: 5px 0;
    }
    .visionCols .o-title{
        padding: 0.5rem 0;
    }
    .case_section3,.case_section5 {
        margin-top: 0;
    }
    .case_section_banner .o-title{
        padding: 0.5rem 0;
    }
    .case_section3 .o-title{
        padding: 0.5rem 0;
    }
    .case_section6 .o-title{
        padding: 0.5rem 0;
    }
    .case_section6 hr {
        padding: 10px 0;
    }
    /* TESTTT */
    .arrowDiv{
        display: block;
    }
    #LogoSlider .Slidenext {
        right: 15%;
    }
    #LogoSlider .Slideprev {
        left: -5%;
    }
    .MobBackGroundImg {
        height: 300px;
        background-position: center;
    }
    .owl-nav button span {
        font-size: 70px;
    }

    .OtherHeader{
        padding-top: 18px;
    }
    
}


@media(max-width:700px){
    .home_content span, 
    .home_section2 .home_content span,
    .home_section3_bg.home_content span
    {
        /*font-size: 24px;
        line-height: normal;*/
    }

    

    .learn-more .button-text {
        margin-top: -30px;
        font-size: 18px;
        padding-right: 0;
        margin-left: 52px;
    }

  
    .home_section4 {
        padding-top: 50px;
    }
    /* ABOUT PAGE */
    .about_banner span{
        font-size: 55px;
    }
    .about_section2 .about_content2{
        padding: 0 20px;
        bottom: 92px;
    }
    
    /* PORTFOLIO IMAGE */

    .portfolio_section2 .learn-more .button-text {
        font-size: 20px;
    }
    /* DESIGN pAGE */
    .parallax_para {
        font-size: 14px;
    }
    .bg_parallax_design span {
        font-size: 45px;
    }
    .design_section2 .design-head span {
        font-size: 30px;
    }
    .design-image-text .design_box {
        width: 55px;
        height: 55px;
    }
    .pin_image {
        width: 15%;
        left: 79%;
    }
    .design_card .design-text {
        font-size: 16px;
    }
    .project-card {
        height: 360px;
    }
    /* Development Page */

    .bg_parallax_dev span {
        font-size: 45px;
    }
    .dev_section2 .dev_head span {
        font-size: 30px;
    }
    .top_contain {
        width: 600px;
    }
    .response_section h2 {
        font-size: 43px;
    }
    .response_section p {
        font-size: 25px;
    }
}


@media(max-width:680px){

 

    .home_content .home_alyer_2 img {
        padding-right: 7px;
        width: 70px;
    }

    .copyright p {
        font-size: 19px;
        float: none;
        text-align: center;
        display: block;
        width: 100%;
    }

    .copyright {
        padding-top: 20px;
        text-align: center;
     
    }

    .faqs_section h2 {
        font-size: 30px;
        margin-bottom: 3px;
    }
    .faqs_section {
        padding: 17px 0;
    }


    .faqs_section ul li a {
        font-size: 20px;
    }

    .faqs_section ul li.panel {
        margin-bottom: 11px;
    }

    .faqs_section .panel-body p {
        margin-bottom: 17px;
        font-size: 16px;
    }

    #accordion {
        margin-top: 19px;
    }

    .faqs_section p {
        font-size: 20px;
    }

    .copyright a {
        float: none;
        margin: auto;
        display: block;
        margin-bottom: 15px;
    }


    .copyright a img {
        width: 136px;
    }

   

    .p_photo2 {
        top: 0;
        margin-top: 40px;
    }

 

    .p_photo1 {
        bottom: 0;
        right: 0;
        margin-top: 40px;
    }

    

    .home_section4 h1 {
        font-size: 20px;
    }

    .home_section4 p {
        font-size: 17px;
    }

    .home_section4 span {
        font-size: 17px;
    }

    .story_card1_layer label, .story_card1_layer a {
        font-size: 16px;
    }

    /* ABOUT PAGE */
    .about_banner span{
        font-size: 56px;
    }
    
    /* PORFOLIO PAGE */
    
    .bg_parallax_portfolio span{
        font-size: 37px;
    }    
    .portfolio_section2 .card-head{
        font-size: 14px;
    }
    .portfolio_section2 .card-footer{
        font-size: 22px;
    } 
    .portfolio_section2 .card {
        height:500px; 
    }
    .portfolio_section2 .portfolio_card{
        width: 350px;
    }
    .portfolio_section2 .card-footer{
        top:80%;
    } 
    .portfolio_section2 .card6 .card-footer{
        top:69%;
    }
    /* DESIGN PAGE */
    .design_card .design-text {
        font-size: 14px;
    }
    .project-card {
        height: 330px;
    }
    .realted-header span {
        font-size: 40px;
    }
    .realted-header span {
        font-size: 36px;
    }

    .dev_card .dev-text {
        font-size: 14px;
    }
    .devleft-image-text .dev_text_box {
        margin-right: 0%;
    }
    .development-card1 .faceDiv {
        padding: 10% 15% 0 0%;
    }
    #LogoSlider .Slidenext {
        right: 17%;
    }
}




@media(max-width:600px){

    .home_section7 .home_content {
        margin-top: 46px;
    }

    .story_card5 {
        width: 230px;
        height: 141px;
    }

    .story_card6 {
        width: 125px;
        height: 182px;
    }

    .story_card4 {
        width: 170px;
        height: 268px;
    }

    .story_card3 {
        right: 25%;
        top: 37%;
        width: 121px;
        height: 192px;
    }

    .story_card2 {
        width: 135px;
        height: 219px;
    }


    .story_card1{
        width: 135px;
        height: 219px;
    }
    .home_section3_bg {
        padding-top: 89px;
        min-height: 181px;
        padding-bottom: 29px;
    }

    .dont_shy img {
        width: 65px;
    }

    .shy_tooltip {
        font-size: 18px;
    }

    .taxi_ribbon_bg {
        height: 100px;
        width: 1290px;
    }

    .upper_top{
        text-align: center;
    }

    .upper_top p{
        display: block;
    }

    .upper_top .slider{
        display: block;
    }

    .slider div {
        text-align: center;
    }

    .home_section2 .upper_top img {
        margin-right: auto;
        margin-left: auto;
        margin-top: 10px;
        float: none;
    }

    /* ABOUT PAGE */
    .about_banner span{
        font-size: 48px;
    }
    .head-content{
        font-size: 30px;
    }
    .body-content{
        font-size: 25px;
    }
    .about_section2 .about_content2{
        font-size: 15px;
    }
    
    .about_section3 .about_content{
        font-size: 47px;
    }
    .itemX {
        height: 400px;
    }
    #itemWrapperrr {
        width: 75%;
    }
    .about_section3 .about_content2 .scrollX .itemX .col-body span {
        font-size: 23px;
        top: 44%;
        width: 90%;
    }
    .about_section3 .about_content2 .scrollX .col-head {
        width: 80%;
    }
  
    /* PORFOLIO PAGE */
    
    .bg_parallax_portfolio span{
        font-size: 32px;
    }    
    .portfolio_section2 .card-head{
        font-size: 12px;
    }
    .portfolio_section2 .card-footer{
        font-size: 18px;
    } 
    .portfolio_section2 .card-footer{
        top:82%;
    } 
    .portfolio_section2 .card6 .card-footer {
        top: 71%;
    }
    /* DESIGN PAGE */
    .design_section2 .design-head span {
        font-size: 30px;
    }
    .bg_parallax_design span {
        font-size: 40px;
    }
    .parallax_para {
        font-size: 13px;
    }
    .parallax_para .contact_arrow {
        padding: 2% 0;
    }
    .design_section2 .design-head span {
        font-size: 24px;
    }
    .design-image-text {
        padding-top: 0%;
        font-size: 12px;
    }
    .design_text_box {
        width: 135px;
    }
    .design5-image-text {
        font-size: 13px;
    }
    .design_card .design-text {
        font-size: 13px;
    }
    .design5-image-text {
        padding: 0;
    }
    .design_text_box {
        margin-top: 10%;
    }
    .design_text_box {
        margin-right: 20px;
    }
    .design-image-text .design_box {
        width: 45px;
        height: 45px;
    }
    .pin_image {
        left: 76%;
        top: 4%;
    }
    .project-card {
        height: 290px;
    }
    .realted-header span {
        font-size: 30px;
    }
    .related-inner-image1 {
        bottom: 12%;
    }

    /* Development PAGE */
    .bg_parallax_dev span {
        font-size: 40px;
    }
    .dev_section2 .dev_head span {
        font-size: 24px;
    }
    .dev-image-text {
        padding-top: 0%;
        font-size: 12px;
    }

    .devleft-image-text {
        font-size: 13px;
    }
    .dev_card .dev-text {
        font-size: 13px;
    }
    .dev_section2 .learn-more .button-text {
        font-size: 12px;
    }
    .dev_text_box {
        width: 230px;
    }
    /* Contact Page */
    .contact_header{
        padding: 0 38%;
    }
    .contact_slide h2 {
        font-size: 23px;
    }
    .contact_slide input[type="text"] {
        height: 40px;
        font-size: 14px;
        width: 280px;
    }
    .contact_slide select{
        height: 40px;
        font-size: 14px;
        min-width: 280px;
    }
    .contact_slide textarea{
        font-size: 14px;
    }
    .top_contain {
        width: 520px;
    }
    .step {
        width: 11.4%;
    }
    .response_section h2 {
        font-size: 36px;
    }
    .response_section p {
        font-size: 23px;
    }
    /* Cases Page */
    .case_section_banner .case_banner {
        height: 190px;
    }
    .case_section2 {
        padding: 0 40px;
    }
    .caseAboutHeading {
        font-size: 30px;
    }
    .caseAboutSubHeading {
        font-size: 23px;
    }
    .visionCol1 .case-col-body {
        padding-right: 0px;
    }
    
    .case_sec3-col1 {
        font-size: 23px;
    }
    .CaseColor {
        height: auto;
        width: 350px;
    }
    .Casesec6-Head {
        font-size: 25px;
    }
    .Casesec6-body {
        font-size: 20px;
        padding-right: 20px;
    }
    .readyHead {
        font-size: 30px;
    }
    .readyBody {
        padding: 50px 10px;
    }
    .case_section7 .realted-header span {
        font-size: 35px;
    }
    .visionCols .case-col-body {
        font-size: 19px;
    }
    .visionCols .case-col-head {
        font-size: 23px;
    }
    
}


@media(max-width:520px){

    .p_photo2 {
        width: 50%;
    }

    .p_photo1 {
        width: 50%;
    }

    .dont_shy img {
        width: 47px;
    }

    .shy_tooltip {
        font-size: 13px;
    }

    .logos_design h2 {
        font-size: 25px;
    }


    .home_content span {
        font-size: 30px;
        line-height: 42px;
    }

    .home_section2 .para {
        font-size: 23px;
    }

    .shy_tooltip
    {
        width: 212px;
        left: -14px;
    }

    .home_section3_bg.home_content span {
        line-height: 37px;
    }
   
    .home_content span{
        font-size: 33px;
    }

    .home_content .home_alyer_2 img {
        padding-right: 3px;
        width: 57px;
    }
    .learn-more .button-text {
        font-size: 16px;
    }

    /* ABOUT PAGE */
    .about_banner span{
        font-size: 38px;
    }
    .about_alyer_3{
        padding-left: 25%;
    }
    .about_content .contact_arrow a{
        top: 0px;
    }
    .head-content{
        font-size: 27px;
    }
    .body-content{
        font-size: 23px;
    }
    .about_section2 .about_content2{
        font-size: 11px;
    }
    
    .about_section3 .about_content{
        font-size: 32px;
        line-height: 0;
    }
    #itemWrapperrr {
        width: 85%;
    }
    .about_section3 .about_content2 .scrollX .itemX .col-body span {
        width: 85%;
    }

    /* PORFOLIO PAGE */
    
    .bg_parallax_portfolio span{
        font-size: 25px;
    }    
    .portfolio_section2 .card-head{
        font-size: 12px;
    }
    .portfolio_section2 .card-footer{
        font-size: 18px;
    }
    .portfolio_section2 .card6 .learn-more .button-text{
        font-size: 15px;
    }
    .portfolio_section2 .card-footer{
        top:80%;
    }
    .portfolio_section2 .card6 .card-footer{
        top:69%;
    }
    .portfolio_section2 .card {
        height:450px; 
    }
    .portfolio_section2 .portfolio_card{
        width: 300px;
    }
    .circleCheck {
        left: 37%;
    }
    /* DESIGN PAGE */

    .bg_parallax_design span {
        font-size: 30px;
    }
    .design_section2 .design-head span {
        font-size: 18px;
    }
    .parallax_para {
        font-size: 11px;
    }
    .design_text_box {
        width: 183px;
    }
    .design_card1 .card-right-text .design-text {
        padding-top: 0%;
    }
    .design_card .design-text {
        font-size: 11px;
    }
    .design-image-text .design_box {
        width: 35px;
        height: 35px;
    }
    .design_card5 .design_text_box {
        width: 93px;
    }
    .design_card5 .card-right {
        padding-left: 0;
    }
    .design_card4 .design-image-text {
        padding-top: 15%;
    }
    .project-card {
        height: 220px;
    }
    .related-text {
        font-size: 16px;
    }
    .realted-header span {
        font-size: 25px;
    }
    .Steps {
        font-size: 12px;
    }
    .related-inner-image1 {
        bottom: 12%;
        width: 18%;
    }
    .related-inner-image2 {
        top: 40%;
        left: 84%;
        width: 18%;
    }

    /* Development PAGE */

    .bg_parallax_dev span {
        font-size: 30px;
    }
    .dev_section2 .dev_head span {
        font-size: 18px;
    }
    .dev_text_box {
        width: 183px;
    }
    .dev_card .dev-text {
        font-size: 14px;
    }
    .development-card3 .dev_card .dev-text {
        font-size: 11px;
    }
    .development-card1 .faceDiv {
        padding: 0;
    }
    .dev_section2 .learn-more .button-text {
        font-size: 9px;
    }
    .dev-image-text {
        padding-top: 0%;
        font-size: 12px;
        padding-left: 13%;
    }
    /* Contact Page */
    .contact_header{
        padding: 0 35%;
    }
    .top_contain {
        width: 420px;
    }
    .response_section h2 {
        font-size: 26px;
    }
    .response_section p {
        font-size: 17px;
    }
    .checkboxes_list label{
        font-size: 15px;
    }
    .control__indicator {
        top: 9px;
    }
    /* Cases Page */
    .caseAboutSubHeading {
        font-size: 21px;
    }
    .visionCols .case-col-head {
        font-size: 21px;
    }
    .case_section3,.case_section5 {
        padding: 0 20px;
    }
    .case_sec3-col1 {
        font-size: 22px;
    }
    .case_sec3-col2 {
        font-size: 19px;
    }
    #LogoSlider .Slidenext {
        right: 15%;
    }
    .owl-nav button span {
        font-size: 50px;
    }
}


@media(max-width: 420px){

    .faqs_section ul li .panel-heading{
        padding: 10px 7px;
    }

    #accordion1 li .panel-heading a {
        font-size: 20px;
    }

    .about_client_slider .item {
        height: 116px;
    }

    .about_client_slider {
        height: 148px;
    }

    .home_content span {
        font-size: 29px;
    }

    .fish_catcher {
        top: -10px;
    }

    .fish_catcher img {
        width: 100px;
    }

    .home_section5 .home_alyer_4 {
        margin-top: 40px;
    }

    .home_content .contact_arrow {
        margin-top: 18px;
    }


    .home_section5 .home_content span {
        line-height: 49px;
    }

    .hover_Section .home_alyer_2 {
        margin-top: 0;
    }

    .home_content span {
      /*  font-size: 23px;
        line-height: 25px;*/
    }

    .home_section2 .home_content span{
        line-height: 40px;
    }

    .home_section5 .home_content span{
        line-height: 40px;
    }

    .home_content span {
        line-height: 40px;
    }

    .home_banner {
    }
    
    .home_section2{
        padding-top: 25px;
    }
    

    /* ABOUT PAGE */
    .about_banner span{
        font-size: 30px;
    }
    .head-content{
        font-size: 25px;
    }
    .body-content{
        font-size: 22px;
    }
    .about_section2 .about_content2{
        font-size: 10px;
    }
    .about_section3 .about_content{
        font-size: 29px;
    }
    #itemWrapperrr {
        width: 95%;
    }
    .about_section3 .about_content2 .scrollX .itemX .col-body span {
        padding: 0 30px;
        width: 80%;
    }

   /* Portfolio PAGE */
   .bg_parallax_portfolio span{
    font-size: 21px;
    }

    .portfolio_section2 .card-head{
        font-size: 7px;
    }


    .portfolio_section2 .card {
        height:400px; 
    }
    .portfolio_section2 .portfolio_card{
        width: 275px;
    }
    .portfolio_section2 .card-footer{
        font-size: 20px;
        top:78%;
        left: 2%;
        margin-top: -6%;
    }


    .portfolio_section2 .card6 .card-head{
        font-size: 9px;
        
    }
    .portfolio_section2 .card6 .card-footer{
        margin-top: -2%;

    }

    .portfolio_section2 .card6 .learn-more .button-text{
        font-size: 15px;
    } 
    .portfolio_section2 .card-footer{
        font-size: 16px;
        top:80%;
    }


    .portfolio_section2 .card6 .card-head{
        font-size: 9px;
    }
    .portfolio_section2 .card6 .card-footer {
        top: 68%;
    }
    .portfolio_section2 .card6 .learn-more .button-text{
        font-size: 13px;
    }
    .circleCheck {
        border: 2px solid #fff;
        height: 5rem;
        width: 5rem;
        left: 40%;
        top: 40%;
    }
    .circleCheck span {
        font-size: 20px;
    }
    /* DEsIGN PAGE */
    .parallax_para {
        font-size: 10px;
    }
    .bg_parallax_design span {
        font-size: 25px;
    }
    .design_section2 .design-head span {
        font-size: 16px;
    }
    .design_text_box {
        width: 141px;
    }
    .design-image-text {
        font-size: 11px;
    }
    .design-image-text .design_box {
        width: 30px;
        height: 30px;
        border-radius: 5px;
    }
    .card-right-text .design-text {
        padding-top: 0%;
    }
    .design_card4 .design-image-text {
        padding-top: 2%;
    }
    .project-card {
        border-radius: 10px;
    }
    .project-card {
        height: 188px;
    }
    .realted-header span {
        font-size: 20px;
    }
    /* Development PAGE */

    .bg_parallax_dev span {
        font-size: 25px;
    }
    .dev_section2 .dev_head span {
        font-size: 16px;
    }
    .dev-image-text {
        font-size: 11px;
    }
    .dev_text_box {
        width: 148px;
    }
    .development-card1 .faceDiv {
        padding: 10% 0% 0 9%;
    }
    .development-card4 .dev-image {
        padding-left: 0;
    }
    .development-card4 .dev-card-left, .development-card7 .dev-card-left{
        width: 50%;
        padding-right: 5%;
    }
    .development-card4 .dev-text {
        padding: 14% 1% 0 0;
    }
    .development-card4 .dev_text_box,.development-card7 .dev_text_box {
        margin-top: 0%;
    }
    .devleft-image-text .faceDiv {
        padding: 0;
    }
    .devleft-image-text {
        padding: 12% 0 0;
    }
    .dev_card .dev-text {
        font-size: 12px;
    }
    .dev-image-text {
        padding-top: 0%;
        padding-left: 0%;
    }
    .devleft-image-text {
        font-size: 11px;
    }
    .dev-image-text {
        font-size: 9px;
    }
    .dev_lastCard .dev_cardlayer_2 {
        padding-left: 0;
    }
    /* Contact page */
    .contact_slide h2 {
        font-size: 21px;
    }
    .contact_slide input[type="text"] {
        height: 35px;
        font-size: 11px;
        width: 240px;
    }
    .contact_slide select{
        height: 35px;
        font-size: 11px;
        min-width: 240px;
    }
    .contact_slide textarea{
        font-size: 11px;
    }
    .required_field {
        font-size: 17px;
    }
    .contact_slide_footer{
        font-size: 13px;
    }
    .top_contain {
        width: 360px;
    }
    .step {
        width: 11%;
    }
    .total_slide {
        font-size: 13px;
    }
    .contact_slide label {
        font-size: 10px;
    }
    .response_section h2 {
        font-size: 20px;
    }
    .response_section .shy_tooltip {
        width: 160px;
    }
    .checkboxes_list label{
        font-size: 15px;
    }
    .cont_button .learn-more .input_btn {
        font-size: 25px;
        padding-left: 48px;
        margin-top: -33px;
    }
    .cont_back {
        width: 20%;
        left: -15px;
        margin-top: -115px;
    }
    /* Cases page */
    .case_section2 {
        padding: 0 10px;
    }
    .case_section3,.case_section5 {
        padding: 0;
    }
    .caseAboutHeading {
        font-size: 28px;
    }
    .CaseColor {
        height: auto;
        width: 250px;
    }
    .Casesec6-Head {
        font-size: 21px;
    }
    .Casesec6-body {
        font-size: 18px;
        padding-right: 20px;
    }
    .readyHead {
        font-size: 24px;
    }
    .case_section7 .realted-header span {
        font-size: 25px;
    }
    .OtherHeader {
        font-size: 18px;
    }
    .case_section7 {
        padding: 0 00px;
    }
    .case_section6 {
        padding: 0 00px;
    }
    .readyBody {
        padding: 10px 10px;
    }
    #LogoSlider .Slideprev {
        left: 0%;
    }
    .owl-nav button span {
        font-size: 35px;
    }
}

@media(max-width:360px){

    .home_content span {
        font-size: 24px;
    }
  
   .bg_parallax_portfolio span{
        font-size: 15px;
    }
    .card-head{
        font-size: 5px;
    }
    .card-footer{
        font-size: 10px;
    }
    .portfolio_section2 .card-head{
        font-size: 7px;
    }
    .portfolio_section2 .o-title_line span{
        font-size: 7px;
    }
    /* PORFOlio paGE */
    .portfolio_section2 .card-head{
        font-size: 7px;
    }
    
    .portfolio_section2 .card {
        height:325px; 
        /* background-size: contain; */
    }
    .portfolio_section2 .portfolio_card{
        width: 100%;
    }
    .portfolio_section2 .card6 .card-head{
        font-size: 6px;
        width: 100%;
    }
    .portfolio_section2 .card6 .card-footer {
        top: 58%;
    }
    .circleCheck {
        height: 4rem;
        width: 4rem;
    }
    .circleCheck span {
        font-size: 20px;
        top: 19%;
        left: 33%;
    }
    /* About Page */
    .clashFont {
        margin-left: 15%;
    }
    #itemWrapperrr {
        width: 100%;
    }
    .about_section3 .about_content2 .scrollX .itemX .col-body span {
        font-size: 20px;
        padding: 0 10px;
        width: 60%;
    }
    
    .about_section3 .about_content2 .scrollX .col-head {
        width: 60%;
        padding: 40px 10px;
    }
    /* DESIGN PAGE */
    .design_section2 .design-head span {
        font-size: 12px;
    }
    .related-text {
        font-size: 14px;
    }
    .project-card {
        height: 160px;
    }
    .project-card1 {
        background: #72B8FD url(../images/relatedimg1.png)no-repeat top center;
        background-size: 100% 100%;
    }
    
    /* development */

    .dev_section2 .dev_head span {
        font-size: 12px;
    }
    .dev-text {
        padding-top: 40%;
    }
    .dev_content .learn-more .button-text {
        font-size: 12px;
    }
    /* Contact page */
    .contact_slide h1{
        font-size: 22px;
    }
    .contact_slide p{
        font-size: 12px;
    }
    .contact_slide_footer{
        font-size: 11px;
    }
    .contact_header{
        padding: 0 32%;
    }
    .contact_slide h2 {
        font-size: 19px;
    }
    .contact_slide input[type="text"] {
        height: 30px;
        font-size: 10.5px;
        width: 220px;
    }
    .contact_slide select{
        height: 30px;
        font-size: 10.5px;
        min-width: 220px;
    }
    .contact_slide textarea{
        font-size: 10.5px;
    }
    .top_contain {
        width: 300px;
    }
    .step {
        width: 10%;
    }
    .checkboxes_list label{
        font-size: 13px;
    }
    .cont_button .learn-more .input_btn {
        font-size: 22px;
        
    }
    /* cases Page */
    .caseAboutHeading {
        line-height: 0.8;
    }
    .case_sec3-col1 {
        font-size: 20px;
    }
    .case_sec3-col2 {
        font-size: 18px;
    }
}


@media(min-width:300px){

   .container {
        max-width:100% ;
        
    }
    .container2{
        width: 100%;
    }
  

}


@media (min-width: 768px)
{

    .container {
        width:100% ;
        
    }

}

@media (min-width: 880px)
{
    .container{
      width:100% ;
    }
    
    
}


@media(min-width: 992px)
{
    .container {
        width:100% ;
    }
    
    
}

@media(min-width:1080px)
{
    .container {
        width: 1050px;
    }
    
}


@media(min-width: 1200px)
{
    .container {
         width: 1190px;
    }
    
    
}

@media(min-width:1350px){
    .container{
     width:1320px;
    
    }
    
}

@media(min-width:1430px){
    .container{
     width:1400px;
    
    }
    
    
    
    
}


@media(min-width:1630px){
    .container{
    width:1600px;
    
    }
    
    
}


@media(min-width:1820px){
    .container{
       width: 1800px;
    }
    
    
}
@media(min-width:1950px)
{
    .imageCap{
        left: 32%;
    }
}
@media(min-width:2250px)
{
    .imageCap{
        left: 35%;
    }
}