@media only screen and (max-width: 1366px){
    .btnReadmore{
        left:52.5%;
        top: 43%;
    }
}
@media only screen and (max-width: 1350px){
    .btnReadmore{
        left:52.5%;
        top: 55%;
    }
}
@media only screen and (max-width: 1320px){
    .btnReadmore{
        left:52.5%;
        top: 65%;
    }
}
@media only screen and (max-width: 1300px){
    .btnReadmore{
        left:52.5%;
        top: 65%;
    }
}
@media only screen and (max-width: 1280px){
    .btnReadmore{
        left:52.5%;
        top: 40%;
    }
}
@media only screen and (max-width: 1200px){
    .btnReadmore{
        left:52.5%;
        top: 37%;
    }
}

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

    }
    .btnReadmore{
        left:52.5%;
        top: 34%;
    }

    .navbar-collapse{
        margin-right: 10px;
        padding-top: 65px;
        padding-left: 150px;
    }
    .process-box{
        margin-top: 5px;
    }
    .process-right p{
        font-size: 0.9rem;
    }
    .item-box-blog-date .fa-fw{
        margin-left: -3px;
    }
    .portfolio-box .work1,.portfolio-box .work2,.portfolio-box .work3,.portfolio-box .work4,.portfolio-box .work5,
    .portfolio-box .work6{
        height: 335px;
    }
    .portfolio-box .work7,.portfolio-box .work8,.portfolio-box .work9,.portfolio-box .work10,.portfolio-box .work11,
    .portfolio-box .work12{
        height: 335px;
    }
    .work-box-bottom .pe-7s-ribbon{
        display: none;
    }
    .work-box-bottom h6{
        font-size: 0.8rem;
    }
    .portfolio-box{
        margin-bottom: 0px;
    }
}


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

    }
      .btnReadmore{
        left:52.5%;
        top: 19%;
        width: 120px;
        height: 35px;
        padding-top: 2px;
    }
    .navbar{
        padding: 0px !important;
    }
    .navbar-brand {
         position: unset;
         margin-left: 0px;
         padding-top: 10px;
    }
    .navbar-collapse{
        position: unset;
        padding-top: 20px;
        background-color: #333;
        margin-right: 0px;
        padding-left: 25px;
    }
    .top-intro{
        margin-bottom: 0px !important;
    }
    .top-intro-box{
        text-align: left !important;
        margin-left: 0px;
        flex: 33.3333% !important;
        max-width: 33.3333% !important;
    }
    .top-intro-box .box-inner:before {
        width: 150px !important;
        height: 150px !important;
    }
    .icon{
        top: 25% !important;
        left:30% !important;
    }
    .inner-content {
        width: 100% !important;
        overflow: visible !important;
        top: 10% !important;
    }
    .web-process{
        margin-top: 0px;
    }
    .web-process img {
        margin-left: 0px !important;
    }
    .process-box{
        height: 80px;

    }
    .process-right p{
        font-size: 0.7rem;
    }
    .process-box .pe-va{
        padding-top: 15px;
    }
    .services{
        height: 500px !important;
    }
    .bottom-service {
        margin-top: 160px !important;
    }
    .service-inner-box-left{
        text-align: center !important;
    }
    .service-inner-box-right{
        text-align: center !important;
    }
    .item-box-blog-heading h5{
        font-size: 0.9rem;
    }
    .item-box-blog-date .fa-fw{
        font-size: 18px;
    }
    .ser-page-content {
        height: auto !important;
    }
    .tech-box:first-child {
        margin-left: 130px;
    }
    .portfolio-box .work-box:first-child{
        margin-left: 45px;
    }
    .portfolio-box .work1, .portfolio-box .work2, .portfolio-box .work3, .portfolio-box .work4, .portfolio-box .work5, .portfolio-box .work6 {
        height: 260px;
    }
    .portfolio-box .work7,.portfolio-box .work8,.portfolio-box .work9,.portfolio-box .work10,.portfolio-box .work11,
    .portfolio-box .work12{
        height: 260px;
    }
    .portfolio-box .work13,.portfolio-box .work14,.portfolio-box .work15,.portfolio-box .work16,.portfolio-box .work17,
    .portfolio-box .work18,.portfolio-box .work19, .portfolio-box .work20,.portfolio-box .work21{
        height: 260px;
    }
    .product-box-left img {
        width: 100%;
        padding-top: 100px;
    }
    .feature-box-left {
        height: 720px;
    }
    .feature-box-middle {
        height: 780px;
    }
    .feature-box-right {
        height: 720px;
    }
    .foo-col-sm{
        margin-bottom: 10px !important;
    }
    .top-content{
        width: 100% !important;
        margin-top: 0px !important;
    }
    .contact-top {
        /*background: url(../img/CognisiveSolutions-Contacts-background.png) no-repeat;*/
        background-size: cover;
        height: auto;
        /*position: relative;*/
        /*margin-top: 60px !important;*/
        margin-bottom: 45px !important;
    }
    .enquiry-left{
        background-size: 75% 50%;
    }
    .con-top-content{
        margin-bottom: 0px !important;
    }
    .col-lg-4{
       /* -ms-flex: 33.3% !important;
        max-width: 33.3% !important;*/
    }
    .inner-contact-boxes {
        /*margin-top: 50px !important;*/
        /*margin-left: 25px !important;*/
        /*height: 300px !important;*/
        /*width: 33.3%;*/
        /*float: left;*/
    }
    .con-details h5{
      /*  top: 45%;
        left: 33%;*/
        font-size: 1.1rem;
    }
    .con-details address{
        /*padding-top: 75px;*/
        padding: 5px;
    }
    .icon-box{
        text-align: center !important;
    }
    .icon-box:before{
       /* top:55px !important;
        left: 28% !important;*/
    }
    /*.icon-box img {
        position: absolute !important;
        margin-top: 37% !important;
        left: 39% !important;
    }*/
    .con-details{
        /*left:40% !important;*/
    }
    .con-details a{
       /* margin-top: 30px !important;
        font-size: 0.8rem;*/
    }
    .con-details p{
        /*margin-top: 20px;*/
    }
    .in-box::after{
        /*left: 21%;*/
    }
    
    .animated-icon1 span {
        background: #fff;
    }
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
        color: #0ddd92  !important;
    }
    .space1 input[type="tel"]{
        margin-left: 0px;
    }
    .c-boxes{
        margin-top: 35px;
    }
   
    
}
@media only screen and (max-width: 479px) {
    body{

    }

    .navbar {
        padding-top: 10px !important;

        /*border-bottom: 1px solid #00d2d4;*/
    }
    .navbar-collapse{
        /*float: right;*/
        right: 0;
        position: relative;
        /*margin-left: 480px;*/
        padding-top: 20px;
        margin-top:-5px;
    }
    .navbar-brand{
        position: unset !important;
        margin-left: 0px;
        padding-top: 0px;
        padding-left: 5px;
    }

    ul{
        padding-inline-start: 0px !important;
        margin-block-start: 0px !important;
        margin-block-end: 0px !important;

    }
    .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link
.nav-item a:hover{
    color: #fff !important;
}
    .navbar-dark .navbar-nav .nav-link{
        color: #fff !important;
    }
    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
        color: #4fc9f6 !important;
    }
    .top-intro-box{
        -ms-flex: 100% !important;
        max-width: 100% !important;
        flex: 100% !important;
        text-align: center !important;
        margin-left: 0px !important;
    }
    .icon{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .inner-content p{
        margin-bottom: 0rem;
    }
    .process-left{
        width: 100%;
    }
    .web-process img{
        width: 85%;
    }
    .process-right{
        width: 100%;
        margin-left: 0%;
    }
    .process-right h5{
        text-align: center !important;
        padding-top: 50px;
    }
    .process-right p{
        text-align: center !important;
        font-size: 1rem;
        padding-right:10px;
        padding-left:10px;
    }
    .process-box{
        /*margin-top: 0px;*/
        border: none;
        height: auto;
    }
    .process-box .pe-va{
        padding-bottom: 0px;
    }
    .process-box p{
        /*margin-top: 60px;*/
        padding-bottom: 0px;
     }
    .web-process{
        padding-top: 15px;
        padding-bottom: 5px;
    }
    .foo-col-sm{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .col-sm h4{
        margin-top: 40px;
    }
    .col-sm h6{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .enquiry h2{
        text-align: left ;
    }
    .space1 input[type="text"]{
        margin-left: 0px;
    }
    .space2 #txtmessage{
        margin-left: 0px;
    }
    .quick-links{
        /*margin-top: 15px;*/
        /*margin-bottom: 20px;*/
        text-align: center;
        padding: 20px;
    }
    .col-8 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 100%;
    }
    .col-4{
        width: 100% !important;
        max-width: 100% !important;
        flex: 100%;
        text-align: center !important;
    }
    #jssor_1{
        visibility: hidden !important;
        display: none;
    }
    .mobile-slider{
        visibility: visible !important;
        display: block;
    }
    .page-banners{
        height: 200px;
    }
    .page-banners img{
        width: 100%;
        height: 100%;
    }
    .carousel {
        height: auto !important;
    }
     .d-block{
        height: 360px;
    }
    .carousel-control-next, .carousel-control-prev{
        display: none !important;
    }
    .carousel-indicators{
        bottom: 0px !important;
    }
    .item-box-blog-date .fa-fw{
        margin-left: 7px;
        font-size: 23px;
    }
    .quotes img{
        display: none;
    }
    .quick-links li a{
        font-size: 0.9rem;
    }
    .card-footer p{
        font-size: 0.9rem;
    }
    .collapse:not(.show) {
         /*display: block;*/
    }

    .top-intro-box{
        /*margin-left: -20px !important;*/
        /*margin-bottom: 85px !important;*/
    }
    /*.web-process img {*/
    /*    width: 100% !important;*/
    /*     margin-left: 0px;*/
    /*}*/
    .services{
        background: none !important;
        height: auto !important;
        margin-top: -40px !important;
        /*background-size:cover;*/
        background-position: center !important;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .ser-page-content{
        height: auto !important;
        margin-top: 0px !important;
    }
    .tech-box{
        margin-bottom: 50px;
        width:50%;
    }
    .tech-box:first-child{
        margin-left: 0px;
    }
    
    .tech-box img{
        width: 75%;
    }

    .service-inner-box-left{
        width: 100% !important;
        float: none !important;
        margin-top: 30px !important;
        text-align: center !important;
    }
    .service-inner-box-right{
        width: 100% !important;
        float: none !important;
        text-align: center !important;
    }
    .ser-box{
        /*margin-top: 60px !important;*/
    }
    .box2{
        margin-top: 120px !important;
    }
    .service-inner-box-left .fa-fw {
        margin-left: 0px;
        margin-top: 30px;
    }
    .bottom-service{
        margin-top: 60px !important;
    }
    /*.services .col-md-6{*/
    /*    margin-bottom: 100px;*/
    /*}*/
    .top-content{
        margin-top: 0px !important;
        margin-bottom: 25px !important;
    }
    .top-content img{
        width: 90% !important;
    }
    .ident-top{
        padding-top: 100px !important;
    }
    .ident-top img{
        width: 90% !important;
    }
    .mr-auto, .mx-auto {
        margin-right: auto!important;
        width: 120% !important;
    }
    .navbar-nav .nav-item{
        border-bottom: 0.5px solid #454646;
    }
    .contact-top {
        /*background: url(../img/CognisiveSolutions-Contacts-background.png) no-repeat;*/
        background-size: cover;
         height: 930px !important;
        position: relative !important;
        margin-top: 0px !important;
    }
    .inner-contact-boxes{
      /*  margin-top: 50px !important;
        margin-left: 28px !important;
        top: -25% !important;*/
    }
  /*  .icon-box img {
        position: absolute !important;
        margin-top: 22% !important;
        left: 41.5% !important;
    }*/
    .con-details {
        /*left: 35% !important;*/
    }
    .quotes h5{
        line-height: 1.9;
    }
    .quote {
         width: 0% !important;
        display: none !important;
    }
    .top-intro{
        margin-top: 0px !important;
    }
    .inner-content{
        left:55% !important;
    }
    .top-intro-box{
        margin-bottom: 0px !important;
    }
    .web-process img {
         margin-left: 0px !important;
    }
   /* .icon-box:before {
        top: 55px !important;
        left: 34% !important;
    }*/
   /* .con-details h5{
        left: 35.5%;
    }
    .con-details{
        padding-top: 140px;
    }*/
    .portfolio-box{
        margin-top: 10px;
    }
    .portfolio-box .work-box{
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .portfolio-box .work1, .portfolio-box .work2, .portfolio-box .work3, .portfolio-box .work4, .portfolio-box .work5, .portfolio-box .work6 {
        height: 420px;
    }
    .portfolio-box .work7, .portfolio-box .work8, .portfolio-box .work9, .portfolio-box .work10, .portfolio-box .work11, .portfolio-box .work12 {
        height: 420px;
    }
    .product-box{
        display: block;
        border: 1px solid #ddd;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 40px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .product-box-left{
        height: auto;
        text-align: left;
        /*padding-left: 0px;*/
    }
    .product-box-right{
        margin-top: 20px;
        padding-left: 15px;
        text-align: left;
    }
    .product-box-left img{
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .features{
        margin-top: 0px;
    }
    .feature-box{
        display: block;
        margin-left: 20px;
        margin-right: 20px;
        height: auto;
    }
    .feature-box-left {
        height: 560px;
        border-radius: 25px;
     }
    .feature-box-middle{
        height: 600px;
        border-radius: 25px;
        margin-top: 80px;
    }
    .feature-box-right{
        height: 560px;
        border-radius: 25px;
    }
  /*  .col-lg-4{
        max-width: 90% !important;
        text-align: center !important;
        margin-left: 25px;
        margin-top: 30px;
    }
    .inner-contact-boxes{
        margin-left: 0px !important;
        margin-top: 20px !important;
    }*/
    .inner-contact-boxes:first-child{
        /*margin-top: 50px !important;*/
    }
   /* .in-box::after{
        left: 32%;
    }
    .icon-box::before{
        top: 50px !important;
        left: 37% !important;
    }
    .icon-box img{
        margin-top: 21.2% !important;
        left: 43.5% !important;
    }
    .con-details h5 {
        left: 38.5%;
    }
    .con-details address{
        padding-top: 55px;
    }
    .con-details a{
        font-size: 1rem;
    }
    .con-details p {
        margin-top: 10px;
    }*/
    .con-top-content{
        margin-top: 65px !important;
    }
    .enquiry-left{
        background: none !important;
    }
    .top-content h1{
        /*margin-top: 0px !important;*/
    }
    .btnReadmore{
        display: none;
    }
      .page-banners{
        display: none;
    }
    .mobile-page-banners{
        width: 100%;
        display: block;
    }
    .mobile-page-banners img{
        width: 100%;
    }
    
    .animated-icon1 span {
        background: #fff;
    }
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
        color: #0ddd92  !important;
    }
    .top-content p{
        padding-left: 10px;
        padding-right: 10px;
        /*text-align: justify;*/
    }
    .space1 input[type="text"]{
        margin-top:20px;
         border-right:none !important;
        border-left:none !important;
        border-top:none !important;
        border-bottom: 1px solid #000 !important;
        border-radius:0px !important;
    }
     .space1 input[type="email"]{
        margin-top: 20px;
        margin-left: 0px;
        border-right:none !important;
        border-left:none !important;
        border-top:none !important;
        border-bottom: 1px solid #000 !important;
        border-radius:0px !important;
    }
    .space1 input[type="tel"]{
        margin-top: 20px;
    }
    .space2 #txtmessage{
        margin-top: 0px;
        outline:none !important;
        width: 100% !important;
         border-right:none !important;
        border-left:none !important;
        border-top:none !important;
        border-bottom: 1px solid #000 !important;
        border-radius:0px !important;
        padding-left: 0px !important;
    }
     .space1 #txtsubject{
        margin-top: 40px !important;
         border-right:none !important;
        border-left:none !important;
        border-top:none !important;
        border-bottom: 1px solid #000 !important;
        border-radius:0px !important;
    }
    .frm1{
        padding-top: 0px;
    }
    .space1 input[type="text"], .space1 input[type="email"]:focus, .space1 input[type="tel"]:focus{
        outline: none !important;
    }
    .space2 #txtmessage:focus{
        outline: none !important;
    }
    .space1 #txtsubject:focus{
        outline: none !important;
    }
    .item-box-blog-heading h5{
        font-size: 1.3rem;
    }
    .enquiry .enquiry-form{
        display: block;
    }
    .enquiry{
        margin-top: 15px !important;
    }
    .contact-top{
        padding-top: 0px;
        margin-bottom : 0px !important;
    }
    .top-content{
        margin-bottom : 0px !important;
    }
    .top-content p{
        margin-bottom : 0px;
    }
    .top-content h1{
        margin-bottom : 40px;
    }
    .captcha-box{
        padding-top: 20px;
    }
     
}
@media only screen and (max-width: 385px) {
    body{

    }
    .navbar-collapse{
        margin-top:-5px;
    }
  /*  .icon-box img {
        margin-top: 24% !important;
        left: 41.5% !important;
    }
    .con-details h5{
        left: 35.5%;
    }
    .con-details{
        padding-top: 140px;
    }*/
    .learn-box{
        margin-top: 165px;
    }
    .product-box-right {
        text-align: left !important;
    }
    .icon-box img{
        left: 44.15% !important;
    }
   /* .con-details h5 {
        left: 38.5%;
    }*/
    .d-block {
        height: 330px;
    }
      .page-banners{
        display: none;
    }
    .mobile-page-banners{
        width: 100%;
        display: block;
    }
    .mobile-page-banners img{
        width: 100%;
    }
    .animated-icon1 span {
        background: #fff;
    }
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
        color: #0ddd92  !important;
    }
     .space1 input[type="text"]{
        margin-top:0px;
        border-right:none !important;
        border-left:none !important;
        border-top:none !important;
        border-bottom: 1px solid #000 !important;
        border-radius:0px !important;
    }
     .space1 input[type="tel"]{
        margin-top: 0px;
        margin-left: 0px;
        border-right:none !important;
        border-left:none !important;
        border-top:none !important;
        border-bottom: 1px solid #000 !important;
        border-radius:0px !important;
    }
    .space1 input[type="email"]{
         margin-top: 20px;
         border-right:none !important;
        border-left:none !important;
        border-top:none !important;
        border-bottom: 1px solid #000 !important;
        border-radius:0px !important;
    }
    .space2 #txtmessage{
        margin-top: 0px;
         border-right:none !important;
        border-left:none !important;
        border-top:none !important;
        border-bottom: 1px solid #000 !important;
        border-radius:0px !important;
    }
     .space1 #txtsubject{
        margin-top: 40px !important;
         border-right:none !important;
        border-left:none !important;
        border-top:none !important;
        border-bottom: 1px solid #000 !important;
        border-radius:0px !important;
    }
    .frm1{
        padding-top: 0px;
    }
    .space1 input[type="text"]:focus, .space1 input[type="email"]:focus, .space1 input[type="tel"]:focus{
        outline: none !important;
    }
     .space2 #txtmessage:focus{
        outline: none !important;
    }
     .space1 #txtsubject:focus{
        outline: none !important;
    }
     /*.enquiry .enquiry-form{
        display: unset;
    }*/
}