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

@media only screen and (max-width:1408px) {
    .center_wr {
        max-width: 96%;
    }
    .container {
        max-width: 96%;
        margin: 0 auto;
    }
    .fixed .left-logo-content {
        margin-left: 0px !important;
    }
    .view-project-btn a {
        padding: 13px 42px;
    }
    .bx-controls-direction {
        bottom: 45px;
        left: 227px;
    }
    .content_wr {
        width: 500px;
        margin: 0 0 0 117px;
    }
    .about-left-content img {
        left: 0px;
    }
    .section-eight .container-pe-quote .li-quote-1 {
        left: 18px;
    }
    .section-eight .container-pe-quote .li-quote-7 {
        left: 79px;
    }
    .section-eight .container-pe-quote .li-quote-6 {
        right: 96px;
    }
    body {
        line-height: 1.2;
    }
    .header-content p {
        padding: 0px 66px;
    }
    .project-inner-content .bx-controls-direction {
        bottom: 73px;
    }
    .pulsing-rings .pulsing-ringlet {
        left: -125px;
    }

    /*.discover-box .discover-left-content {
    width: 40%;
}
.discover-box .flip-container {
    width: 177px;
}
.discover-box  .front, .back {
    height: 168px;
}*/
    /*#fill {
     margin: 0px; 
}
.grid-content .front svg#clock-circular-outline {
     margin: 0; 
}*/
    /*.discover-box .flipper {
    height: 135px;
}
.discover-box .flip-container {
    margin: 30px 15px;
    }
.discover-item-right h3 {
    margin: 0px 0px 122px;
}
.discover-item-right {
    min-height: 398px;
    padding: 51px 0 54px 7px !important
}*/
    /*.discover-item-right h3 {
    font-size: 38px;
    line-height: 56px;
    margin: 0px 0px 30px;
    padding: 0px 120px 0px 0px; 
}*/
    .discover {
        background-color: #fff;
        padding: 30px 20px;
    }
    .togle {
        margin-top: 20px !important;
    }
    .front img {
        width: 90%;
        margin-top: 0px;
        height:208px;
        bottom: 18px;
    }
    .down_bx {
        position: inherit;
        bottom: 0px;
        left: 0px;
        width: 100% !important;
    }
    .header-right-contact-button {
        width: 16%;
    }
    .text-inner {
        width: 44%;
        padding: 54px;
    }
    #portfolio .bx-controls-direction {
        position: absolute;
        bottom: 9%;
        left: 7%;
        z-index: 122;
    }
    .discover-item-right {
        width: 36%;
    }
    .discover-item-right h3 {
        font-size: 32px;
        line-height: 42px;
        margin: 0px;
        padding: 0px;
    }
    .discover-left-content {
        width: 62%;
    }
}
@media only screen and (max-width:1249px) {
    .project-inner-content .bx-controls-direction {
       bottom: 62px;
    }
    .popup-content {
        max-height: 550px;
        overflow-x: scroll;
    }
}


/* upto 1200 */

@media only screen and (max-width:1199px) {
    .header-content p {
        padding: 0px 34px;
    }
    .profolio-slider-content .content h2 {
        line-height: 62px;
    }
    .view-project-btn a {
        padding: 13px 30px;
    }
    .bx-controls-direction .fa {
        padding: 7px 0 0 0;
    }
    .bx-controls-direction {
        bottom: 39px;
        left: 227px;
    }
    .project-item-left {
        width: 46% !important;
    }
    .section-eight .container-pe-quote .li-quote-1 {
        left: -22px;
    }
    .section-eight .container-pe-quote .li-quote-2 {
        left: -64px;
        top: 321px;
    }
    .section-eight .container-pe-quote .li-quote-7 {
        left: 26px;
    }
    .section-eight .container-pe-quote .li-quote-4 {
        right: -22px;
    }
    .section-eight .container-pe-quote .li-quote-6 {
        right: 46px;
    }
    .sec-eight-text-area {
        padding: 16px 7px 102px !important;
    }
    .social-icon-list {
        width: 100%;
    }
    /*.discover-item-right h3 {
    font-size: 38px;
    line-height: 56px;
     margin: 0px; 
    padding: 40px 64px 0px 0px;
}*/
    .header-right-contact-button {
        width: 15%;
    }
    #portfolio .bx-controls-direction {
        bottom: 5%;
    }
    .portfolio-heading {
        padding: 4px 0px;
    }
    .portfolio-text h2 {
        margin-bottom: 15px;
    }
    .services-content-title {
        padding: 0 16px;
    }
    .project-inner-content .bx-controls-direction
    {
        position: unset;
    }
    .count-item h5 {
        font-size: 24px;
    }
    #counter {
        padding: 70px 60px !important;
    }
    section.test {
        padding: 70px 75px;
    }
    section.about-content{
        padding: 30px 0;
    }
    #project {
        padding: 63px 0px 38px;
        position: relative;
        z-index: 5;
    }
    .icon.social
    {
        margin: 0 10px 0 0 !important;
    }
    .mail,.phone {
        width: 50%;
        text-align: center;
    }
     .footer-left-social-icon{
        width: 34% !important
    }
    .footer-text
    {
        width: 33% !important;
    }
    section.footer-inner-content{
        padding: 37px 0;
    }
    .footer-text h2 {
        font-size: 37px;
    }
}


/** 1024 **/

@media only screen and (max-width:1023px) {
    .header-content p {
        padding: 0px 14px;
    }
    .view-project-btn a {
        padding: 13px 27px;
    }
    .navbar .menu .menu-item {
        margin: 0 0 0 13px !important;
    }
    .navbar .menu {
        width: 55%;
    }
    .header-middle-container .fixed.navbar .menu li {
        margin: 0 0 0 12px !important;
    }
    #counter {
        padding: 70px 65px !important;
    }
    .navbar .menu {
        width: 59%;
    }
    .icon.social {
        margin: 0px 2px;
    }
    .pulsing-rings {
        display: none;
    }
    .fixed ul#menu {
        padding: 24px 0;
    }
    .text-inner {
        width: 44%;
        padding: 15px;
    }
    .discover-left-content {
        width: 67%;
    }
    .discover-item-right {
        width: 33%;
    }
    .header-content h1 {
        font-size: 68px;
        line-height: 76px;
    }
    .header-content h2 {
        font-size: 46px;
        line-height: 64px;
    }
    .header-content {
        padding-bottom: 40px;
    }
    .heading h3{
        font-size: 35px;
        line-height: 40px;
    }
    section.services .service-box {
        margin-top: 0;
        padding: 0 57px;
    }
    .portfolio-text h2 {
        font-size: 37px;
        line-height: 43px;
    }
    .project-item-left {
        width: 50% !important;
    }
    .heading {
        width: 90%;
    }
    .discover-item-right {
        width: 44%;
    }
    .flip-container{
        width: 220px !important;
    }
    .discover-left-content {
        width: 56%;
    }
    .discover-item-right h3 {
        font-size: 30px;
        line-height: 40px;
    }
    section.test {
        padding: 70px 0;
    }
    .sec-eight-text-area .bx-prev, .sec-eight-text-area .bx-next
    {
        height: 42px;width: 42px;line-height: 42px;font-size: 28px;
    }
    .header-typing-text-animation{
        bottom: 150px !important;
    }
}   


/** 980 **/

@media only screen and (max-width:979px) {
    .service-box {
        padding: 0;
    }
    .accord1 li {
        width: 45%;
    }
    .profolio-slider-content .content h2 {
        line-height: 49px;
        font-size: 35px;
    }
    .content_wr {
        width: 420px;
        margin: 0px 0 0 27px;
    }
    .profolio-slider-content .right {
        width: 51%;
    }
    .section-eight .container-pe-quote .li-quote-1 {
        left: -93px;
    }
    .section-eight .container-pe-quote .li-quote-2 {
        left: -140px;
        top: 322px;
    }
    .section-eight .container-pe-quote .li-quote-7 {
        left: -34px;
    }
    .section-eight .container-pe-quote .li-quote-4 {
        right: -150px;
    }
    .section-eight .container-pe-quote .li-quote-6 {
        right: -21px;
    }
    .section-eight .container-pe-quote .li-quote-4 {
        right: -106px;
    }
    .sec-eight-text-area {
        width: 48%
    }
    section.footer-inner-content {
        padding-left: 0px;
        padding-right: 0px;
    }
    .kyla-section p {
        padding: 0 0 17px;
        margin: 0;
    }
    .view-project-btn {
        width: 74%;
    }
    .kyla-section {
        width: 40%;
        padding: 0px 0px;
    }
    .bx-controls-direction {
        bottom: 163px;
        left: 176px;
    }
    .bx-wrapper .bx-viewport {
        min-height: 350px;
    }
    .bx-controls-direction {
        bottom: 25px;
        left: 176px;
    }
    .about-left-content {
        width: 50% !important;
        margin-left: 0;
    }
    .project-item-left .heading p {
        font-size: 16px!important;
        line-height: 27px;
    }
    .header-content h1 {
        font-size: 75px;
        line-height: 80px;
        width: 100% !important;
    }
    .header-middle-container .navbar .menu li {
        margin: 0 0 0 16px !important;
    }
    .fixed a.contact-button {
        margin: 9px 0px 3px -30px;
    }
    section#discover {
        /*   display: none;*/
    }
    .portfolio-image {
        float: none;
        width: 100%;
    }
    .portfolio-text.left {
        position: unset;
        width: 100%;
        float: none;
        transform: unset;
    }
    .text-inner {
        width: 100%;
    }
    .slicknav_btn {
        background: none !important;
    }
    .slicknav_menu span {
        right: 0;
        height: 4px;
        width: 32px;
        background-color: #fff;
        display: block;
        position: relative;
        border-radius: 3px;
        margin-top: 5px;
    }
    .slicknav_menu span.slicknav_menutxt {
        display: none;
    }
    .slicknav_nav {
        position: absolute;
        background: #00a2fa;
        top: 51px;
        right: 0px;
        font-family: 'myFirstFont1';
        font-size: 16px;
        width: 147px;
        text-align: center;
        text-transform: capitalize;
    }
    .slicknav_nav a:hover {
        background: #00f7b3 !important;
        color: #222;
        outline: none;
    }
    .slicknav_nav a {
        padding: 11px 10px !important;
        margin: 2px 5px;
        display: block;
    }
    .slicknav_menu {
        position: absolute;
        top: 5%;
        background: none !important;
        z-index: 92;
        right: 20px;
    }
    nav.navbar.fixed .slicknav_menu {
        top: 34%;
    }
    .slicknav_menu {
        display: block;
        padding: 0 !important;
    }
    .slicknav_btn {
        margin: 0 !important;
        position: 0 !important;
    }
    .menu {
        display: none;
    }
    .header-right-contact-button {
        display: none;
    }
    .navbar .menu-item {
        padding: 0;
        margin: 0px 8px;
    }
    .discover-item-right {
        flex-basis: none;
        float: none;
        width: 100%;
    }
    .discover-item-right h3 {
        margin: 0px;
        padding: 0px 0px 0px 0px;
        text-align: center;
    }
    .discover-left-content {
        width: 100%;
        display: inline-block;
        float: none;
    }
    .discover-item-right {
        min-height: 398px;
        padding: 0px 0 0px 0px !important;
    }
    .section-eight .container-pe-quote .li-quote-5 {
        height: 73px;
        width: 73px;
        right: -118px;
        top: 330px;
    }
    .sec-eight-text-area {
        width: 70%;
    }
    .section-eight .container-pe-quote .li-quote-1 {
        left: -178px;
    }
    .section-eight .container-pe-quote .li-quote-2 {
        left: -140px;
        top: 238px;
    }
    .section-eight .container-pe-quote .li-quote-7 {
        left: -108px;
        top: 392px;
    }
    .section-eight .container-pe-quote .li-quote-4 {
        right: -165px;
    }
    .section-eight .container-pe-quote .li-quote-6 {
        right: -118px;
        top: 247px;
    }
    .section-eight .container-pe-quote .li-quote-5 {
        height: 73px;
        width: 73px;
        right: -118px;
        top: 382px;
    }
    .discover-item-right {
        min-height: 247px;
        padding: 0px 0 0px 0px !important;
    }
    .discover-item-right .discover-innritem {
        position: unset;
        transform: unset;
    }
    .discover-item-right {
        min-height: unset;
    }
    .project-inner-content .bx-controls-direction {
        bottom: 22px;
    }
    section.services .service-box{
        padding: 0px;
    }
    .services-content-title{padding: 0;font-size: 22px}
    .accord1 li{min-height: 210px;padding: 33px 28px 20px;}
    .services {
        padding: 46px 20px 0;
    }
    .service-box-slide{margin: 0}
    .project-inner-content .bx-wrapper .bx-viewport {
        min-height: 287px;
        }
    .kyla-section h3 {
        font-size: 30px;
        line-height: 35px;
    }
    .kyla-section,.system-img {width: 50%}
    .kyla-section p {
        font-size: 15px!important;
        line-height: 28px;
    }
    .about-left-content,.project-item-left.right{
        float: none;width: 100% !important;
    }
    .about-right-content{text-align: center;}
    .custom_web_section p {
        line-height: 28px;
    }
    .discover-item-right h3 {
        font-size: 28px;
        line-height: 45px;
    }
    .front img{width: auto;height: auto;margin: auto;}
    #counter {
        padding: 40px 0px !important;
    }
   section.test {
       padding: 40px 0;
   }
   .flip-container {
       width: 252px !important;
   }
   .icon.social{height: 45px !important;width: 45px !important;line-height: 45px;}
  
   .icon i{
    padding:0;
    text-align: center;
    line-height: 45px;
   }
   .footer-text h2 {
       font-size: 34px;
   }
   .footer-contact-content a {
       font-size: 20px;
   }
   .footer-content-align h3 {
       font-size: 23px;
   }
   nav.navbar.fixed {
       padding: 0px 0 8px !important;
       display: block;
   }
   .header-typing-text-animation {
       bottom: 137px !important;
   }
}   



/** 768 **/

@media only screen and (max-width:767px) {
    .header-content h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .header-content h1 {
        font-size: 63px;
        line-height: 63px;
        letter-spacing:4px;
    }
    .header-content p {
        line-height: 28px;
    }
    .header-content {
        z-index: 77;
    }
    .pulsing-rings {
        display: none;
    }
    .footer-mail-content a {
        font-family: 'myFirstFont1';
        font-size: 20px;
        font-weight: bold;
    }
    .footer-contact-content a {
        font-family: 'myFirstFont1';
        font-size: 20px;
        font-weight: bold;
    }
    .contact-left-panel {
        left: -58px;
    }
    .share-right-panel {
        right: -42px;
        bottom: 304px;
    }
    .header-content p {
        width: 74%;
    }
    .profolio-slider-content .content h2 {
        line-height: 42px;
        font-size: 35px;
    }
    .profolio-slider-content .content p {
        font-size: 18px;
        color: white;
        line-height: 36px;
        margin: 20px 0px 20px 0px;
        padding: 0 50px;
    }
    .kyla-section {
        float: none;
        width: 100%;
        padding: 0px 0px;
        text-align: center;
    }
    .view-project-btn {
        width: 100%;
        float: none;
        position: absolute;
        bottom: 10px;
    }
    .system-img {
        width: 100%;
        text-align: center;
        float: none;
    }
    .system-img img {
        width: 72%;
    }
    .project-inner-content .bx-controls-direction {
        width: 100%;
        position: unset;
    }
    .project-inner-content .bx-next,
    .project-inner-content .bx-prev {
        position: absolute;
        right: 0;
        top: 53%;
        z-index: 222;
    }
    .project-inner-content .bx-prev {
        left: 0;
        z-index: 2222;
    }
    .footer-text,
    .footer-left-social-icon {
        float: none;
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }
    .footer-text.right-popup-btn {
        text-align: center !important;
    }
    .social-icon-list .icon.social {
        float: none;
    }
    .section-eight .container-pe-quote .li-quote-1 {
        left: -141px;
    }
    .section-eight .container-pe-quote .li-quote-7 {
        left: -88px;
    }
    .section-eight .container-pe-quote .li-quote-2 {
        left: -162px;
        top: 299px;
    }
    .section-eight .container-pe-quote .li-quote-4 {
        right: -192px;
    }
    .sec-eight-text-area {
        width: 100%;
    }
    .pulse {
        display: none;
    }
    .pulse {
        display: none !important;
    }
    .container-pe-quote .pp-quote img {
        display: none;
    }
    .section-eight .container-pe-quote .li-quote-7,
    .section-eight .container-pe-quote .li-quote-6,
    .section-eight .container-pe-quote .li-quote-5,
    .section-eight .container-pe-quote .li-quote-4,
    .section-eight .container-pe-quote .li-quote-3,
    .section-eight .container-pe-quote .li-quote-2,
    .section-eight .container-pe-quote .li-quote-1 {
        display: none;
    }
    .phone {
        text-align: left;
    }
    .profolio-slider-content .left {
        width: 100%;
        float: none;
    }
    .about-top-section .about-left-content {
        float: none;
        text-align: center;
        width: 100% !important;
    }
    .about-right-content {
        text-align: center;
    }
    .project-item-left {
        float: none;
        text-align: center;
        width: 100% !important;
    }
    .project-content {
        padding-bottom: 50px;
    }
    .count-item {
        width: 41% !important;
        display: inline-block;
    }
    .counter-box {
        display: block;
        text-align: center;
    }
    .testimonial_inner_content .bx-controls-direction {
        display: none;
    }
    .bx-pager-item {
        display: inline-block;
        margin: 0 12px;
    }
    .bx-pager-item a {
        content: "";
        font-size: 0;
        height: 10px;
        width: 10px;
        bottom: 107px;
        background: #CDF3FE;
        position: absolute;
        border-radius: 50%;
    }
    .bx-controls-direction {
        display: none;
    }
    #testimonial .responsive-card-container .bx-controls-direction,
    #services .bx-controls-direction {
        display: block;
        text-align: center;
        margin-top: 30px;
    }
    #services .bx-controls-direction {
        padding-bottom: 30px;
    }
    .section-eight{
        display: none;
    }
    .responsive-card-container {
        display: block;
    }
    .bx-pager-item a.active {
        background-color: #00A2F9;
    }
    
    .slicknav_nav {
        top: 57px;
    }
    .custom_web_section p {
        line-height: 30px;
    }
    /*100321*/
    .testi_mobile .bx-controls.bx-has-controls-direction,
    .service_mobile .bx-controls.bx-has-controls-direction {
        width: 100%;
    }
    .testi_mobile a.bx-next,
    .testi_mobile a.bx-prev,
    .service_mobile a.bx-next,
    .service_mobile a.bx-prev {
        display: inline-block;
        height: 50px;
        font-size: 32px;
        /*border-radius: 50%;*/
        color: #595E61;
        background-color: #E5F6FF;
        text-align: center;
        width: 50px;
        vertical-align: middle;
        margin: 0 11px;
        /*    position: absolute;
    top: 50%;
    transform: translate(0, -50%);*/
    }
    .testi_mobile .bx-wrapper
    {
        position: relative;
    }
    .testi_mobile a.bx-next,
    .service_mobile a.bx-next {
        right: 0;
    }
    .service_mobile a.bx-prev {
        left: 0;
    }
    .testi_mobile .box-wr .bx-wrapper {
     padding: 0 0 30px
    }
    ul.service-slider {
        padding-top: 15px;
    }
    img.glowing-blub {
        height: 350px;
    }
    .header-typing-text-animation{
        bottom: 59px !important;
    }
    .header-content{padding: 0;}

    .contact-left-panel,.share-right-panel{display: none;}
    .service-slider-inr-wrp{display: none;}
    .heading h3 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .service-slider li{box-shadow:0 5px 15px rgba(14,104,126,0.15); padding: 20px;border-radius: 10px; }
    .service-slider{padding: 0 10px;}
    .responsive-card-container.service_mobile .bx-wrapper{max-width: 370px!important; margin: 0 auto !important}
    .responsive-card-container{position: relative;}
    .service_mobile a.bx-next,.service_mobile a.bx-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .service_mobile a.bx-prev{left: 0}
    #services .bx-controls-direction{
        padding: 0;
        margin: 0;
    }
    .kyla-section h3 {
        font-size: 24px;
        line-height: 27px;
    }
    .discover-item-right h3 {
        font-size: 24px;
        line-height: 37px;
    }
    .discover{
        padding: 30px 20px 0;
    }
    section.test{padding: 40px 0 0}
    .mail, .phone,.footer-text, .footer-left-social-icon{
        width: 100% !important;text-align: center;margin-top: 10px
    }
    .social a {
        padding-right: 0px;
    }
    .footer-text h2 {
        font-size: 32px;
    }
    .footer-mail-content a,.footer-contact-content a{
        font-weight: 400;
    }
    section.footer-bottom-content .footer-content-align.copyright-content {
        padding: 15px 0px;
    }
    .copyright-content p {
        font-size: 15px!important;
    }
    .portfolio-text p{
        line-height: 29px;
        margin: 0;
    }
    .portfolio-text.left {
        text-align: center;
    }
    .portfolio-text h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .header-content h2 {
        font-size: 32px;
        line-height: 61px;
    }
    .header-content h1 {
        font-size: 63px;
        line-height: 63px;
        letter-spacing: 6px;
    }
    .header-content p {
        width: 80%;
    }
    a.header-start-botton{
        font-size: 17px;
    }
    .footer-content-align h4,.footer-content-align h3 {
        margin-bottom: 15px;
    }
    .box-wr.accord2 .bx-viewport{width: 370px !important;margin: 0 auto!important}
    .service-slider li{width: 350px !important;margin: 0 auto!important}
    #portfolio{margin-top: 50px}
}   
    


/** 650 **/

@media only screen and (max-width:649px) {
    .count-item {
        width: 46% !important;
        display: inline-block;
        margin: 0 5px;
    }
    .project-content {
        padding-bottom: 77px;
    }
    .view-project-btn {
        bottom: 44px;
    }
    section.test {
        padding: 90px 40px;
    }
    .section-eight {
        padding: 0;
    }
    .phone,
    .mail {
        width: 100%;
        float: none;
        text-align: center;
    }
    .kyla-section h3 {
        font-size: 26px;
    }
    .heading h3 {
        font-size: 33px;
        margin-bottom: 18px;
    }
    .discover-box .flip-container {
        width: 171px;
    }
    .custom_web_section p {
        line-height: 28px;
    }
    .grid-content .front svg#clock-circular-outline {
        margin: 0;
    }
    .flipper .front {
        height: 187px;
    }
    #fill {
        margin: 0;
    }
    .text-inner {
        width: 100%;
        text-align: center;
    }
    .portfolio-text p {
        margin: 0;
    }
   
    .box-heading h2 {
        font-size: 17px;
    }
    .res-box p {
        font-size: 16px;
        line-height: 1.3;
    }
    .accord2 p {
        font-size: 16px;
    }
    .accord-content {
        width: 80%;
        margin: auto;
    }

    /*<new>*/
    .header-typing-text-animation {
     bottom: 26px !important;
    }
    .heading h3 {
        font-size: 31px;
        margin-bottom: 15px;
    }
    .service_mobile a.bx-next, .service_mobile a.bx-prev {
        top: 50%;
    }
    .heading.custom_web_section h3{
        font-size: 29px;
    }
    .custom_web_section p{
        font-size: 15px !important;
        line-height: 26px;
    }
    .discover-item-right h3 {
        line-height: 32px;
    }
   .flipper .front {
       height: 240px;
   }
   .left-box-alignment {
       margin-top: 47px!important;
   }
   .discover-left-content .flipper {
       height: 240px;
   }
   .flip-container{float: none;}
   .discover-box{margin-top: 0px;}
   section.test {
       padding: 56px 40px 40px;
   }
   .service_mobile a.bx-prev {
       left: 0px !important;
   }
   .service_mobile a.bx-next {
       right: 0px !important;
   }
   .accord-content {
       width: 95%;
   }
}


/** 480 **/

@media only screen and (max-width:479px) {
    .header-middle-glowing-light img {
        width: 100%;
    }
    .slicknav_menu {
        top: 1%;
    }
    .accord1 li {
        width: 100%;
    }
    /*.count-item {
    width: 79% !important;
    display: inline-block;
    margin: 10px 5px;
}*/
    section.test {
        padding: 41px 19px;
    }
    .project-inner-content .bx-next,
    .bx-prev {
        top: 62%;
    }
    .project-inner-content .bx-prev {
        left: -10px;
    }
    .project-inner-content .bx-prev,
    .project-inner-content .bx-next,
    .testi_mobile a.bx-next,
    .testi_mobile a.bx-prev,
    .service_mobile a.bx-next,
    .service_mobile a.bx-prev {
        height: 32px;
        font-size: 18px;
        width: 32px;
        line-height: 32px;
        z-index: 66;
        /*    margin: 0 11px;margin: 0;*/
    }
    .project-inner-content .bx-next,
    .project-inner-content .bx-prev {
        top: 53%;
        right: -10px;
    }
    .contact-left-panel {
        display: none;
    }
    .share-right-panel {
        display: none;
    }
    .header-content p {
        width: 100%;
        line-height: 28px;
        font-size: 16px;
    }
    .header-content h1 {
        font-size: 38px;
        line-height: 42px;
    }
    .header-content h2 {
        font-size: 27px;
        line-height: 38px;
    }
    .accord1 li {
        min-height: unset;
    }
    .services {
        padding: 29px 0px 0px 0px !important;
    }
    .slicknav_nav {
        top: 45px;
    }
    section.footer-inner-content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .slicknav_menu {
        top: 3%;
    }
    .bx-pager-item a {
        bottom: 50px;
    }
    .fixed.navbar .left-logo-content img {
        max-width: 32%;
        margin-left: 15px;
    }
    .slicknav_btn {
        top: 11px;
    }
    .footer-text h2 {
        font-size: 34px;
    }
    .footer-content-align h3 {
        font-size: 20px;
    }
    .footer-content-align h4 {
        font-size: 20px;
    }
    .footer-contact-content a {
        font-size: 16px;
    }
    .footer-mail-content a {
        font-size: 16px;
    }
    section.footer-inner-content {
        padding: 20px 0;
    }
    section.about-content {
        padding: 0;
    }
    #project {
        padding: 40px 0px 0px;
    }
    .project-content {
        padding-bottom: 91px;
    }
    .heading h3 {
        font-size: 24px;
        margin-bottom: 18px;
    }
    .kyla-section h3 {
        font-size: 22px;
    }
    .heading.custom_web_section h3 {
        font-size: 25px;
    }
    .discover-item-right h3 {
        font-size: 26px;
        line-height: 44px;
    }
    .discover-item-right {
        min-height: unset;
        padding: 0px 0 0px 0px !important;
    }
    .left-box-alignment {
        margin-top: 0 !important;
    }
    #fill {
        margin: 0px;
        width: 40%;
    }
    .grid-content .front svg#clock-circular-outline {
        margin: 0;
        width: 40%;
    }
    .res-box {
        padding: 0 22px;
    }
    .flip-container {
        float: none !important;
    }
    .grid-content {
        float: none;
    }
    .discover-box .flip-container {
        width: 100%;
        margin: 20px auto !important;
    }
    .discover-box {
        width: 100%;
        margin: auto;
        ;
    }
    .flipper .front img {
        width: 100%;
        height: 100%;
        position: relative;
        bottom: 0;
        object-fit: none;
    }
    .flipper .back {
        height: 240px;
    }
   .header-typing-text-animation {
       bottom: 55px !important;
   }
   a.header-start-botton {
       font-size: 16px;
       padding: 10px 28px 11px;
   }
   .heading h3 {
       font-size: 24px;
   }
   .services-content-title {
       font-size: 18px;
   }
   .portfolio-text h2 {
       font-size: 32px;
       line-height: 40px;
   }
   .portfolio-text p{
    font-size: 15px !important;
    line-height: 25px;
   }
   .discover {
       padding: 30px 0px 0;
   }
   .discover-item-right h3 {
       font-size: 21px;
       line-height: 34px;
   }
   .counter-value {
       font-size: 30px;
    }
    .counter-card svg {
        display: block;
        margin: 0 auto 20px;
        width: 95px;
        height: 95px;
    }
    .count-item h5{
        font-size: 20px;
        margin: 10px 0;
    }
    .footer-text h2 {
        font-size: 24px;
    }
    .res-box p {
        font-size: 15px;
        line-height: 1.3;
    }
    .box-wr.accord2 .bx-viewport{width: 330px !important}
    .service-slider li{width: 314px !important}
    .accord2 p {
        font-size: 14px;
    }
    .service_mobile a.bx-next {
        right: -14px !important;
    }
}


/** 375 **/


@media only screen and (max-width:320px) { 
 .header-typing-text-animation {
     bottom: 0;
 }
 section#services .heading h3 {
    padding: 0 20px;
    margin-bottom: 0;
}
.portfolio-text h2 {
    font-size: 27px;
    line-height: 35px;
}
.kyla-section h3 {
    font-size: 19px;
}
.kyla-section p {
    font-size: 14px!important;
    line-height: 25px;
}
.project-item-left .heading p {
    font-size: 14px!important;
    line-height: 27px;
}
.discover-item-right h3 {
    line-height: 30px;
    margin-bottom: 20px;
}
.counter-value {
    font-size: 27px;
}
.count-item h5 {
    font-size: 18px;
    }

    .counter-card svg {
        display: block;
        margin: 0 auto 20px;
        width: 80px;
        height: 80px;
    }
    .res-box p {
        font-size: 14px;
    }
    .copyright-content p {
        font-size: 13px!important;
    }
    .footer-content-align h4,.footer-content-align h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .box-wr.accord2 .bx-viewport{width: 300px !important}
    .service-slider li{width: 260px !important}
    .service_mobile a.bx-next {
        right: -30px;
    }
    .header-typing-text-animation {
        bottom: 30px !important;
    }
    .header-content p {
        width: 100%;
        line-height: 26px;
        font-size: 16px;
    }
    ul.service-slider{
        padding: 15px 16px 0 !important;
    }
}