/* Company : Dreamsdesign Developed By : Amit Dubey Developed Date : 07-02-2018 Updated Date : 14-03-2018 
/* 
/* ==================================== */
 @media (max-width:1366px) {
    
     .product-details {
         padding: 35px 35px 25px 35px;
     }
     .banner-product {
         max-width:40%;
     }
     .one-liner {
        left: -6%;
        top: 30%;
        z-index: -1;
        max-width: 17%;
    }
    .two-liner {
        bottom:22%;
    }
    .our-benefits img.milk-boy {
        max-width:30%;
    }
    .advantage-icon {
        height:80px;
        width:80px;
        line-height:80px;
    }
    .advantage-five {
        padding:0;
    }
    .advantage-heading h3 {
        font-size:16px;
        line-height:20px;
    }
    .advantage-five {
        left:0;
    }
    .slider-caption h1.normal {
        font-size: 40px;
        line-height: 50px;
    }
    .slider-caption h1.bigger {
        font-size: 75px;
        line-height: 85px;
    }
    .slider-caption h1.smaler {
        font-size: 50px;
        line-height: 60px;
    }
    .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
        left: 30px;
    }
    .slider-caption {
        margin-bottom:35px;
    }

     h3 {
        line-height:25px;
        font-size:20px;
    }
    p {
        font-size:16px;
        line-height:25px;
    }
    .head-left h1 {
        width:80%;
    }
    .achievements {
        width:9%;
    }
}
@media (max-width:1365px) {
    .black-thoughts p {
        width:auto;
    }
    .circle-background-one {
        background:transparent;
    }
    #section-padding-one {
        padding:40px 0 0;
    }
    header {
        position:relative;
    }
}
@media (max-width:1199px) {
    .request-quote-form .modal-body {
        padding: 20px;
    }
    .banner-product {
        max-width: 100%;
    }
    .advantage-one {
        padding-right: 0;
        position: relative;
        top: auto;
    }
    .benefits-icon {
        width: 65px;
        height: 65px;
        border-radius: 65px;
        line-height: 65px;
    }
    .details-contact p {
        display: block !important;
    }
    .contact-content address {
        line-height:20px;
        font-size: 15px;
    }
    #section-padding-footer {
        width:auto;
    }
    .footer-details p {
        display:none;
    }
    .advantage-width {
        width:auto;
    }
    .listing-filed {
        margin-top: 0;
        text-align: center;
        border: 1px solid #eee;
        padding: 20px !important;
        border-radius: 15px;
        margin-bottom: 40px;
        background: rgba(238,238,238,0.6);
    }
    .advantage-icon {
        margin:auto;
        float: none;
    }
    .advantage-heading h3 {
        float: none;
        padding: 15px 0;
    }
    .advantage-two {
        padding: 0;
        position: relative;
        top: auto;
    }
    .benefits-icon img {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto !important;
    }
    .advantage-three, .advantage-four, .advantage-six, .advantage-seven, .advantage-eight {
        top:0;
    }
    .advantage-listing-right .advantage-icon {
        float: none;
    }
    .advantage-five {
        left: 0;
        top: 0;
    }
    .circle-background-cow img.cow-images {
        display:none;
    }
    .advantage-listing {
        padding:0;
        text-align: center;
    }
    .watch-video h1, .watch-video img.underlines {
        display:none;
    }
    .benefit-margin {
        margin-top: 0;
    }
    .by-rivamilk {
        text-align: center;
    }
    .list-benefits ul li {
        width: auto;
        float: none;
        margin-right: 0;
        margin-top: 30px;
    }
    ul.benefits-listing {
        text-align: left;
    }
    .benefits-content {
        margin-left: 95px;
    }
    
    .our-benefits img.milk-boy {
        position: relative;
        max-width: 50%;
        margin: auto;
        margin-top: 30px;
    }
    .one-liner, .two-liner {
        display:none;
    }
    .slider-caption h1.normal, .slider-caption h1.bigger, .slider-caption h1.smaler {
        font-size: 17px;
        line-height: 20px;
    }
    .slider-caption {
        width:auto;
    }
    .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
        left: 15px;
    }
    .slider-caption {
        margin-bottom: 20px;
        padding: 0;
    }
    .bx-wrapper .bx-pager.bx-default-pager a {
        width:15px !important;
        height:5px !important;
    }
}
 @media (max-width:991px) {
     .advantage-listing-right .advantage-heading h3 {
         float:none;
         padding: 10px 0;
     }
     .advantage-width-right {
         position:relative;
     }
     .navbar {
        margin: 0!important;
    }
    .main-product-right {
        left:auto;
        clear:both;
    }
    .product-banner {
        height:auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .product-list {
        margin-bottom:30px;
    }
    .banner-product {
        position:relative;
    }
}
@media (max-width:767px) {
    iframe {
        background: #eee;
        padding: 20px;
    }
    
     .footer-last-bottom {
        border-top: medium none;
    }
    #section-padding-footer {
        position:relative;
        background: rgba(0,0,0,0.85);
    }
    .affix {
        position: relative;
        box-shadow: none;
        margin-bottom: 15px;
    }
    .advantage-width {
        width: 100%;
    }
}


@media (max-width:485px) {
    .our-products .by-rivamilk {
        width: auto;
        text-align: center;
    }
    .product-image {
        display: block;
        float: none;
        width: auto;
    }
    .product-details {
        margin-left: 0;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 0;
    }
    .product-details h2:nth-child(2) {
        float: none;
    }
    .product-details h2 {
        display: block;
    }
    .product-details p {
        margin-top: 0;
    }
    .read-more {
        text-align:center;
    }
}
 @media (max-width:1695px) {
     .container-width {
        padding-right: 30px;
        padding-left: 30px;
    }
}
 @media (min-width:992px) and (max-width:1366px) {
     .content-panel h3 {
        font-size:18px;
    }
    .production.logo-section {
        margin-top: 0;
    }
    .production.logo-section {
        min-height: 700px;
    }
}
 @media (min-width:992px) and (max-width:1365px) {
     .after-991 {
        width: 50%;
    }
    #bdr-rightbottom, #bdr-right, #bdr-bottom {
        border:medium none;
    }
}
 @media (min-width:992px) and (max-width:1365px) {
     .video-production .line {
        display: none;
    }
     .success-panel {
        margin-top:0;
    }
     .stones {
        margin: 0;
        margin-top: 0px;
        top: 0;
        bottom: 0;
        margin-top: 30px;
    }
     .stones-fifth {
        margin-left: 0;
    }
     .stones-second {
        margin-right: 0;
    }
     .success-panel {
        width:auto;
    }
     .one, .two, .three, .four, .five, .six {
        left:0;
        right:0;
    }
     .full-bg {
        background:transparent;
    }
     .content-panel.first-panel {
        position: relative;
        left: 0;
    }
     .content-panel.fourth-panel {
        position: relative;
        right: 0;
    }
     .content-panel.third-panel {
        position: relative;
        left: 0;
    }
     .content-panel.sixth-panel {
        position: relative;
        right: 0;
    }
     .stones {
        transition: all 300ms;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        padding: 15px;
        min-height: 295px;
        border-radius: 15px;
    }
     .demo-services {
         background: transparent;
        height: auto;
        padding: 70px 0;
    }
     .services-heading h1 {
        text-align:center;
    }
     ul.ipad-responsive li {
        width: 45%;
        border: 1px solid #ccc;
        float: left;
        height: 335px;
        margin: 10px;
         padding: 25px;
    }
     .header-body {
        top: 215px !important;
    }
     .print-advrt {
         min-height: 495px;
    }
     .responsive-design {
        height: 1415px !important;
    }
     .dmc-services {
        min-height: 365px;
        text-align: center;
    }
     .full-wrapper {
        width: 100%;
    }
     .hidden-wrapper {
        display: none;
    }
     .half-width {
        width: 50%;
    }
     .hidden-width {
        display: none;
    }
     .middle-width {
        width: 50%;
    }
     .thoughtbot {
         min-height: 215px;
    }
     .max-width-portfolio {
        width: 100%;
    }
     .list-group-item {
        padding: 17px 15px !important;
        display: inline-block;
        border: 1px solid #fff !important;
        margin: 10px 0 !important;
    }
     .list-group-item.active h5 {
        font-size: 15px;
    }
     .list-group-item.active, .list-group-item:hover, .list-group-item:focus, .list-group-item:active {
        background: #0E6FAE !important;
    }
     .list-group-item h5 {
        font-size: 15px;
        margin: 0;
    }
     .list-group {
        margin: 45px 0 !important;
        display: block;
        text-align: center;
    }
}
 @media (min-width:576px) and (max-width:1365px) {
     ul.five-three li {
        min-height:450px;
        width:44%;
    }
}
 @media (max-width:1365px) {
     .panel-body .left-images {
        display:none;
    }
    .video-production .image-panels {
        height: 45px !important;
        width: 45px !important;
        border-radius: 45px !important;
    }
     .video-production .image-panels-one {
         height: 45px !important;
        width: 45px !important;
        border-radius: 45px !important;
    }
     .video-production h3 {
         text-transform: uppercase;
        margin-top: 15px;
    }
     ul.five-three li {
         border-radius:15px;
    }
     .seo-box-content p {
        line-height:25px;
    }
     .image-panel {
         box-shadow:0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        background: rgba(244,103,110,1);
        background: -moz-linear-gradient(top, #0E6FAE 0%, #0E6FAE 100%);
         background: -webkit-gradient(left top, left bottom, color-stop(0%, #0E6FAE), color-stop(100%, #0E6FAE));
        background: -webkit-linear-gradient(top, #0E6FAE) 0%, #0E6FAE 100%);
         background: -o-linear-gradient(top, #0E6FAE 0%, #0E6FAE 100%);
        background: -ms-linear-gradient(top, #0E6FAE 0%, #0E6FAE 100%);
        background: linear-gradient(to bottom, #0E6FAE 0%, #0E6FAE 100%);
        background-repeat: repeat;
        background-size: auto auto;
        background-repeat: repeat;
        background-size: auto auto;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E6FAE', endColorstr='#0E6FAE', GradientType=0 );
        transform: rotate(0);
         border-radius:50%;
    }
    .appn-iphone {
        margin-top:70px;
    }
    .product-animation-mbl {
        margin-top: 30px;
    }
    .print-advrt {
        border: 1px solid #fff;
        padding: 15px;
         margin-top: 30px !important;
         position: relative;
        text-align: center;
         border-radius: 15px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }
    .print-advrt h3 {
        font-size:20px;
    }
    .ui-ux-image .appn1 {
        left:0;
    }
    .seo-process {
        background: rgba(244,103,110,1);
        background: -moz-linear-gradient(top, #0E6FAE 0%, #0E6FAE 100%);
         background: -webkit-gradient(left top, left bottom, color-stop(0%, #0E6FAE), color-stop(100%, #0E6FAE));
        background: -webkit-linear-gradient(top, #0E6FAE) 0%, #0E6FAE 100%);
        background: -o-linear-gradient(top, #0E6FAE 0%, #0E6FAE 100%);
        background: -ms-linear-gradient(top, #0E6FAE 0%, #0E6FAE 100%);
        background: linear-gradient(to bottom, #0E6FAE 0%, #0E6FAE 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E6FAE', endColorstr='#0E6FAE', GradientType=0 );
        margin-top:0;
    }
    .seo-process-heading {
        padding-top:0;
    }
    ul.five-three li {
        border: 1px solid #fff !important;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(255, 255, 255);
        margin: 15px;
    }
    ul.five-three li:nth-child(5) {
        border-right:1px solid #fff !important;
    }
    .dmc-icons img {
        position: absolute;
         left: 0;
         right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
         max-width: 50%;
    }
    .dmc-services:hover .dmc-icons {
         border-color: #0E6FAE;
    }
    .dmc-icons {
        display: block;
        margin: auto;
        margin-bottom: auto;
         width: 120px;
        height: 120px;
        position: relative;
        border: 8px solid #0E6FAE;
        border-radius: 120px;
        transition: all 300ms;
         margin-bottom: 15px;
    }
    .dmc-spacing {
         margin-top: 0;
        height: auto;
    }
    .dmc-services {
         border: 1px solid #ccc;
        padding: 15px;
        padding-top: 15px;
         padding-top: 15px;
         margin-top: 30px;
         position: relative;
         box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        border-radius:15px;
    }
     .dmc.digital-marketing {
        padding: 70px 0;
    }
     .mockup-design {
         margin: 0;
         padding: 0;
        text-align: center;
        position: relative;
    }
     .brochure-main {
        top: 0 !important;
    }
     .brochure-main {
        position: relative !important;
        width: auto !important;
        padding: 0 15px !important;
    }
     .newsletter-main {
        right: 0;
        position: relative !important;
         width: auto;
        padding: 15px !important;
         top: 0 !important;
    }
     .brochure-width {
        width: 100%;
    }
     .newsletter-content {
        padding: 30px !important;
    }
     .signage-image1 {
         margin-top: 0;
         padding:0;
        position: relative !important;
        top: 0 !important;
        margin: 30px 0 !important;
    }
     .infographic-content {
        margin-top: 0 !important;
        padding: 30px 0;
    }
     .logo-designing {
         margin-top: 0;
    }
     .logo-designing-content {
         padding: 30px 0 !important;
    }
     .mockup-design h2 {
        font-size: 25px;
    }
     .signage-content {
        padding: 30px 0 !important;
    }
     .brochure-content {
        margin-top: 0 !important;
        padding: 30px 0 !important;
    }
}
 @media (min-width:1920px) {
     .regular-mobile .slick-prev, .regular-mobile .slick-next {
    }
}
 @media (max-width:767px) {
     .google-map {
        padding:15px;
    }
    .google-map .mappy {
        padding:15px;
    }
    .panelbody-right {
        padding: 0;
    }
    .right-content-panel.arrow_box::before, .right-content-panel.arrow_box::after {
        display:none;
    }
    .panelbody-right {
        margin-top:20px;
    }
    .panel-body .right-content-panel {
        width:100%;
    }
    .panel-body {
        padding:15px;
    }
    .navbar-inverse .navbar-nav > li.arrow_box.active a::after {
        color: #fff;
    }
    .panel-heading .panel-title {
        font-size:16px;
    }
    .recent_posts_gridl .special_deals_grid_left_grid {
         width: 80px;
        height: 80px;
    }
    .recent_posts_gridr h4 {
        font-size:15px;
    }
    ul.all-shares li a {
        margin:5px;
    }
    .blog-setup .post-images {
        position:relative;
    }
    .blog-setup .post-images img {
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
    }
    ul.all-shares-visitors li a {
        padding: 0 5px;
    }
    .blog-setup .post-content h3 {
        font-size:20px;
        line-height:30px;
    }
    .projects-count {
        padding-top: 0 !important;
    }
    .watch-video {
        background: transparent;
    }
    .regular-client {
        width:auto;
    }
    .request-quote-form .modal-header .modal-title {
        font-size:20px;
    }
    .iphone .mobile-iphone img {
        position: absolute;
        bottom: 5%;
        top: auto;
    }
}
 @media (min-width:1366px) and (max-width:1765px) {
     .scroll-top {
        bottom:11%;
    }
    .scroll-top a:link, .scroll-top a:visited {
        color: #fff;
        font-size: 20px;
    }
    .scroll-top li a {
        padding:10px !important;
    }
    .load-more.read-more a.call {
        padding: 16px 28px;
    }
    ul.all-shares li a {
        font-size:12px;
    }
    .recent_posts_gridl .special_deals_grid_left_grid {
        width: 75px;
        height: 75px;
        margin-right: 10px;
    }
    .recent_posts_gridr h4 {
        font-size:14px;
    }
    .read-more a.call {
        margin-right:15px;
    }
    .panel-body .left-images {
        margin:0;
    }
    .panel-body .right-content-panel {
        width:65%;
    }
    .panelbody-right {
        padding:0;
    }
    .on-laptop {
        position: relative;
    }
    .on-laptop .line1 img {
        position: absolute;
        left: 100%;
        top: 15px;
        right: auto;
        margin-left: 10px;
        display: block;
    }
    .on-laptop .line4 img {
        display: block;
        right: 100%;
        position: absolute;
        top: -37%;
        bottom: auto;
        margin-right: -15px;
    }
    .on-laptop .line2 img {
        display: block;
        left: 100%;
        position: absolute;
        top: 10%;
        bottom: auto;
        margin-right: 0;
        margin-left: 15px;
    }
    .on-laptop .line5 img {
        display: block;
        right: 80%;
        position: absolute;
        top: auto;
        bottom: 100%;
        margin-right: 0;
    }
    .on-laptop .line3 img {
        display: block;
        left: 90%;
        position: absolute;
        top: auto;
        bottom: 100%;
        margin-right: 0;
        transform: scaleX(-1);
    }
    .iphone.android-design.mobile-application-design {
        height:515px;
    }
    .content-management img.television-image {
        top: 55px !important;
    }
    .details-img-corp img.television-image {
        bottom:auto;
        top:105px;
    }
    .img-two {
        left:35%;
    }
    header.digital-marketing-page {
        margin-bottom: 0;
    }
    .newsletter-main {
        top:340px;
    }
    .brochure-content {
        padding-top:55px;
    }
    .logo-designing-content {
        padding-top:65px;
    }
    .newsletter-content {
        padding-left:75px;
    }
    .dots {
        top:-25%;
    }
    .success-stones .dots {
        top:-30%;
    }
    .face-count p {
        padding:10px;
    }
    .video-production h3 {
        font-size:20px;
    }
    .line.line-one, .line.line-four {
        top:25%;
    }
    .line.line-two {
        left: 85%;
        top: 45%;
    }
    .line.line-five {
        right: 85%;
        top: 45%;
    }
    .line.line-three, .line.line-six {
        bottom: 25%;
    }
    .regular-mobile .slick-prev, .regular-mobile .slick-next {
    }
    .res-line {
        top: -5%;
        max-width: 15%;
    }
    .review-google img {
        max-width:25%;
    }
    .header-animation {
         max-width: 100%;
    }
    .nav > li > a {
        padding:12px 15px;
    }
    .one {
        transform: rotate(20deg);
    }
    .four {
        transform: rotate(-15deg);
    }
    .max-width-device img {
        display: block;
        margin: auto;
        position: absolute;
        bottom: 0;
         top: 0;
        left: 0;
        right: 0;
    }
    .max-width-device {
        height: 595px;
    }
    .contact-details p {
    }
    .contact-details a {
    }
    .stones-fifth {
        position:relative;
        top: 5px;
    }
    .stones-second {
        position: relative;
        top: 5px;
    }
    .stones-sixth {
         position: relative;
        top: 30px;
    }
    .stones-third {
        position: relative;
         top: 30px;
    }
    .six, .three {
        top:5px;
    }
    .image-panel-sixth {
        transform: rotate(35deg);
    }
    .image-panel-third {
        transform: rotate(-30deg);
    }
    .content-panel.fifth-panel {
        position: relative;
         left: 5px;
    }
    .content-panel.second-panel {
         position: relative;
        right: 5px;
    }
    .one, .four {
        top:5px;
    }
    .content-panel p {
    }
    .item-thumbs1 .hover-wrap p{
        font-size:13px;
    }
    .choose-dd h4 {
        font-size:15px;
    }
    .service-img img {
        left:0;
    }
    .demo-services{
        background-size:auto 80%;
        margin-top: -150px;
        padding-bottom:0;
        background-position: left center;
    }
    .service-data {
        margin-top:30px;
    }
    .testimonial-heading.section-header.portfolio-header {
        margin-bottom: 40px;
    }
    .regular-client {
        width:85%;
    }
    .project-count-image-mbl, .product-animation-mbl {
         display: block !important;
        min-height: 765px;
        position: relative;
    }
    .product-animation-mbl img {
        position: absolute;
         bottom: auto;
        top: 10%;
        left: 0;
        right: 0;
        margin: auto;
    }
    .product-animation {
         display: none;
    }
    .ui-ux-image .appn1 {
        left:0;
    }
    .iphone-image img {
        top:0;
         max-width:35% !important;
    }
    .details-content {
        width:45%;
    }
    .service3 img, .service4 img {
        top:3px;
    }
    .service2 img, .service1 img {
        left:0;
    }
    .service5 img, .service6 img {
        right:0;
    }
    .service11 h4, .service22 h4 {
        font-size:17px;
    }
    .seo-box-content p {
        font-size: 14px;
        line-height: 25px;
    }
    ul.five-three li {
        display: inline-block;
        width: 20%;
        float: left;
        padding: 15px 13px;
         height:auto;
    }
    .seo-process-heading {
        padding-top:20%;
    }
    .seo-box-content h4 {
        font-size:15px;
    }
    .newsletter-main {
        width:50%;
    }
    .signage-image1 {
        top:0;
    }
    .newsletter-main img {
         right: 0 !important;
        left: auto;
    }
    .after-choose {
        display: block;
        margin: auto;
         text-align: center;
    }
    ul.after-choose li {
        float: left;
        width: 20%;
    }
    ul.after-choose li .box {
         height:385px;
        width:auto;
    }
    ul.after-choose li .box h5 {
        font-size:14px;
    }
    
    .from-top {
        margin-top:0;
    }
    .head-left h1 {
        font-size:30px;
        line-height:40px;
    }
    .head-left p {
        font-size:17px;
    }
    .read-more a.call, .read-more a.quote {
         padding:16px 12px;
        font-size:15px;
    }
    .process-header {
        background-size: auto 63%;
    }
    .image-panel {
        height:125px;
        width:125px;
    }
    .image-panel {
        background-size: 100% !important;
    }
    .stones {
        margin-bottom: 30px;
        transition: all 300ms;
    }
    .rotate-image {
        width:25%;
    }
    .content-panel {
        width:72%;
    }
}
 @media (min-width:1200px) and (max-width:1365px) {
     .image-panel {
        height:115px;
        width:115px;
    }
    .image-panel {
        background-size: cover !important;
    }
    .content-panel {
        width: 72%;
    }
    .header-body {
        top: 195px;
    }
    
    .demo-services {
         background-size:50%;
    }
    .service-img img {
        left:0;
    }
    ul.after-choose li {
        display: inline-block;
        float: none;
        margin: 10px;
    }
    .after-choose {
        display: block;
        margin: auto;
        text-align: center;
    }
    .success-stones .dots {
        top:-13%;
    }
}
 @media (min-width:768px) and (max-width:1365px) {
     ul.five-three li {
         min-height:auto;
    }
    .portfolio-btn .read-more {
        text-align: center;
    }
    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #0E6FAE;
        border: 1px solid #0E6FAE;
        border-radius: 5px;
    }
    .navbar-inverse .navbar-nav > li > a {
        font-size:14px;
    }
    .nav > li > a {
        padding:15px 12px;
    }
    .head-left {
         display: inline-block;
        width: auto;
        margin-top: 0;
    }
}
 @media (max-width:1365px) {
     .contact-detailed {
        top:0;
    }
    .image-panel {
        width:85px;
        height:85px;
         background-size:cover !important;
    }
    .process-header {
        height:575px;
        background: transparent;
    }
    header {
        background:transparent;
    }
    .image-panel {
        background:transparent;
    }
    .rotate-image {
        opacity:0;
    }
    #mar {
         margin-top: 30px;
    }
}
 @media (max-width:1199px) {
     .team-client {
        min-height:365px;
    }
}
 @media (max-width: 736px) {
     .navbar-inverse {
         /*margin-top: 0;*/
    }
}
 @media (max-width: 550px) {
     .navbar-inverse {
        /*margin-top: 30px;*/
    }
}
 @media only screen and (max-width: 415px) {
     .header-body {
        top: 0;
    }
}
 @media only screen and (max-width: 813px) {
     .frame-video {
        top: 19%;
        height: 357px;
        left: 11%;
        width: 78%;
    }
    .strengths {
        margin-top: 0 !important;
    }
}
 @media only screen and (max-width: 769px) {
     .frame-video {
        top: 19%;
         height: 357px;
        left: 11%;
        width: 78%;
    }
    .pa-service-left, .pa-service-left1, .pa-service-left2, .pa-service-right, .pa-service-right1{
        text-align:center;
    }
    .product-animation-mbl{
         padding:50px 0;
    }
}
 @media only screen and (max-width: 668px) {
     .frame-video {
        top: 19%;
        height: 317px;
        left: 11%;
         width: 78%;
    }
    .strengths {
        margin-top: 0 !important;
    }
}
 @media only screen and (max-width: 415px) {
     .frame-video {
        top: 19%;
        height: 190px;
        left: 11%;
        width: 78%;
    }
}
 @media only screen and (max-width: 376px) {
     .frame-video {
        top: 19%;
        height: 176px;
        left: 11%;
        width: 78%;
    }
}
 @media only screen and (max-width: 1367px) {
     .navigation {
         /*margin-right: 0;*/
    }
}
 @media only screen and (max-width: 1365px) {
     .item-thumbs1 {
        height: auto;
    }
    .shadow {
         display: none;
    }
    .header-gif, .header-gif1, .header-gif2, .header-gif3 {
        display: none;
    }
    .service-img img {
        margin-left: 0;
    }
    .services {
        background: #0E6FAE;
        background: -webkit-linear-gradient(left top, #0E6FAE, #0E6FAE);
        background: -o-linear-gradient(bottom right, #0E6FAE, #0E6FAE);
         background: -moz-linear-gradient(bottom right, #0E6FAE, #0E6FAE);
        background: linear-gradient(to bottom right, #0E6FAE, #0E6FAE);
    }
    #box, #box1 {
        min-height: 305px;
    }
    .services-heading {
         margin-top: 0;
    }
    .services {
        margin-top: -50px;
        padding: 30px 0;
        color: #fff;
    }
    .services-heading h1 {
         color: #0E6FAE;
    }
    .datas-content h4 {
         color: #0E6FAE;
    }
    .head-left, .services h1 {
        text-align: center;
    }
    .strengths1 {
        margin-top: 0;
    }
    .header, .header1 {
        background: none;
    }
    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        text-transform: uppercase;
        border: 1px solid #0E6FAE;
        color: #0E6FAE;
        margin-left: 1px;
         border-radius: 5px;
    }
    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        color: #0E6FAE;
        background-color: transparent;
    }
    .dropdown-menu {
        background: rbga(255, 255, 255, 0.5);
        text-transform: uppercase;
    }
    .dropdown-menu > li > a {
        display: block;
         padding: 10px 20px;
         clear: both;
         font-weight: normal;
        line-height: 1.42857143;
         color: #0E6FAE;
        white-space: nowrap;
         background: #fff;
    }
}
 @media only screen and (max-width: 1023px) {
     .service11, .service22 {
        text-align:center;
    }
    .seo-process {
        margin-top: 0;
        background: #0E6FAE;
        background: -webkit-linear-gradient(left top, #0E6FAE, #0E6FAE);
        background: -o-linear-gradient(bottom right, #0E6FAE, #0E6FAE);
        background: -moz-linear-gradient(bottom right, #0E6FAE, #0E6FAE);
        background: linear-gradient(to bottom right, #0E6FAE, #0E6FAE);
        padding-bottom: 50px;
    }
    .service11:nth-child(1), .service22:nth-child(1), .service11:nth-child(2), .service22:nth-child(2), .service11:nth-child(3), .service22:nth-child(3) {
        padding-top: 20px;
    }
    .service11:nth-child(3), .service22:nth-child(3) {
         padding-bottom: 20px;
    }
    .seo-process-heading {
        padding-top: 10%;
    }
    .seo-box-content {
         min-height: auto !important;
    }
    #bdr-rightbottom {
        border-right: none;
         border-bottom: none;
    }
    #bdr-bottom {
        border-bottom: none;
    }
    #bdr-right {
        border-right: none;
    }
    #box, #box1 {
        min-height: auto;
    }
    .demo-services {
        background: rgba(255, 255, 255, 0);
    }
    .service-img img {
        display: none;
    }
    .services-heading h1 {
        text-align: center;
    }
    div.bhoechie-tab-menu div.list-group>a.active, div.bhoechie-tab-menu div.list-group>a.active .glyphicon, div.bhoechie-tab-menu div.list-group>a.active .fa, div.bhoechie-tab-menu div.list-group>a {
        padding: 8px 0;
    }
    .form-submit {
        text-align: center;
    }
    .form-submit {
        text-align: center;
    }
}
 @media only screen and (max-width: 767px) {
     
    .projects-count{
         margin-top:0;
    }
    .all-details {
        border-right:none;
    }
    .logo-designing, .signage-designing, .brochure-design, .mbl-brochure-main, .infographic-design{
        text-align:center;
    }
    .logo-designing-image {
        padding: 0;
    }
    .logo-designing-content {
         padding:30px 0;
    }
    .signage-content{
        padding-left:0;
         padding-right:0;
    }
    .signage-image1{
         display:none;
    }
    .mobile-signage{
        padding-bottom:30px;
    }
    .brochure-content {
        margin-top: 30px;
        padding:0;
    }
    .brochure-main{
        width:100%;
    }
    .brochure-main{
        display:none;
    }
    .newsletter-main{
        display:none;
    }
    .newsletter-content{
        padding-left:44px;
        padding-right:0;
    }
    .infographic-main{
        margin-top:-160px;
    }
    .infographic-content{
         margin-top:12%;
    }
    .iphone-image1, .iphone-image{
        display:none;
    }
    .iphone, .ui-ux-design{
         text-align:center;
    }
    
    .datas-image {
        padding: 0 !important;
    }
    .datas-content {
        margin-left: 110px;
         padding-top: 0px;
    }
    .header-gif, .header-gif1, .header-gif2, .header-gif3 {
        display: none;
    }
    .navbar-inverse .navbar-nav > li > a {
         padding: 20px 10px;
    }
    .carousel-indicators {
        bottom: -35px;
    }
    .services {
         background: #fff;
        color: #000;
    }
    .services-heading h1 {
        color: #0E6FAE;
    }
    .datas-content h4 {
        color: #0E6FAE;
    }
    .services h1 {
         text-align: center;
    }
    #service-button {
         margin-top: 20px;
    }
    .btn-submit, .btn-submit:hover, .btn-submit:focus {
         padding: 14px 64px;
        border-radius: 25px;
    }
    .strengths1 span {
        display: none;
    }
    #hide1, #hide2, #hide3 {
        display: none;
    }
    .strengths {
        margin-top: -50px;
    }
    .request-consult {
        text-align: center;
    }
    .consulting-form p {
        text-align: center;
        font-size: 30px;
         margin: 30px 0;
    }
    .contact-details>img {
        display: none;
    }
    .contact-details {
         background: rgba(255, 255, 255, 0.1);
    }
    .contact-details i {
        color: #0E6FAE;
        opacity: 1;
         display: table;
        padding-top: 20px;
         padding-bottom: 10px;
    }
    .contact-details i img {
         margin-bottom: 0;
    }
    #hide4 {
        display: none;
    }
    .copyright-p {
        text-align: center;
    }
    ul.social-icon {
         text-align: center;
    }
    .wows {
        display: none;
    }
    .contact-details {
        min-height: 240px;
         padding: 15px;
        display: block;
         margin-top: 30px;
    }
    .portfolio {
    }
    #section-padding-foter {
         padding-top: 40px;
    }
}
 @media only screen and (min-width: 768px) {
     .mobile-signage, .mbl-brochure-main{
         display:none;
    }
    .mobile-iphone{
         display:none;
    }
    #service-button {
        display: none;
    }
    .responsive-slider {
        display: none;
    }
    .services-heading img {
        display: none;
    }
    .responsive-frame {
        display: none;
    }
    .responsive-clients {
         display: none;
    }
    .responsive-icons {
         display: none;
    }
    .wowss {
        display: none;
    }
    .contact-details i {
        display: none;
    }
    .responsive-portfolio {
        display: none;
    }
    .responsive-navigation {
         display: none;
    }
}
 @media only screen and (min-width: 1366px) {
     .key {
         margin-top: -140px;
    }
    .top {
         margin-top: -200px;
    }
    .mobile-why-section{
        display:none;
    }
    .project-count-image-mbl, .product-animation-mbl {
        display: none;
    }
    .mobile-mockup{
        display:block;
    }
}
 @media only screen and (max-width: 1365px) {
     .why-section{
        display:none;
    }
    
    .demo-services{
        margin-top:0;
    }
    .logo-why-section{
         display:none;
    }
    .signage-image1 {
        margin-top: 0;
    }
    .newsletter-content {
         padding-left: 95px;
    }
    .infographic-main {
         margin-top: 0;
    }
    .infographic-content {
         margin-top: 25%;
    }
    .iphone-image img{
        top: -15%;
        right:0;
    }
    .iphone-image img:nth-child(2) {
        right: 16%;
        width: 12%;
        top: 42%;
    }
    .iphone-image1 img {
        top:-12%;
    }
    .printing-heading{
         padding-bottom:50px;
    }
    .product-animation{
         display:none;
    }
    .pa-service-left, .pa-service-left1, .pa-service-left2, .pa-service-right, .pa-service-right1{
        margin-top:0;
        margin-left:0;
        margin-right:0;
    }
    .project-count-image {
        display: none;
    }
    .frame-video {
        top: 22%;
         height: 360px;
        left: 20%;
        width: 60%;
    }
    .watch-video {
         background-repeat: repeat;
    }
}
 @media only screen and (max-width: 1023px) {
     
    .all-details {
         min-height: 260px;
        padding: 15px;
    }
    .bottom-details:hover a {
        color:#0E6FAE !important;
    }
    .logo-designing-content{
        padding-top:0;
    }
    .signage-content {
        padding-top: 0;
    }
    .brochure-main{
         top:25%;
    }
    .brochure-content{
        margin-top:-154px;
    }
    .newsletter-content {
        padding-left: 70px;
    }
    .infographic-main {
         margin-top: 60px;
    }
    .iphone-image img{
         top: 10%;
         right:0;
    }
    .iphone-image1 img {
         top:17%;
    }
    .frame-video {
        top: 19%;
        height: 357px;
        left: 13%;
        width: 74%;
    }
}
 @media (max-width:595px) {
     .reviews p {
        text-align:center;
    }
    .review-content {
        margin-top:65px !important;
        text-align: center;
    }
    .bx-viewport {
         height:auto;
    }
    .min-width {
        width: 100%;
    }
}
 @media (max-width:767px) {
     .all-reviews {
        height:auto;
    }
    .review-icon {
        margin:auto;
    }
}
 @media (max-width:1005px) {
     .review-icon {
        float:none;
        display:block;
         margin:auto;
    }
    .review-icon img {
        display:block;
    }
    .review-content {
         margin: 0;
         margin-top: 0px;
         margin-top: 15px;
    }
}
/* End REVIEWS STYLESHEET */
 @media (max-width:550px){
     .regular-mobile .slick-slide {
        height: 590px;
    }
    .regular-mobile .slick-current {
         background-size:auto;
        background-position:center;
    }
    .regular-mobile .slick-slide img {
        width:250px;
         height:448px;
    }
}
/* End Mobile Application Stylesheet */
 @media (max-width:1199px) {
     .video-production .image-panels-one {
        height: 55px;
        width: 55px;
        border-radius: 55px;
    }
    .video-production .image-panels {
        height: 55px;
        width: 55px;
         border-radius: 55px;
    }
}
 @media (min-width:991px) and (max-width:1199px) {
     .line.line-one {
        top:50%;
    }
    .line.line-four {
        top:50%;
    }
    .line.line-two, .line.line-five {
        display:none;
    }
    .line.line-three, .line.line-six {
         top:auto;
        bottom:50%;
    }
}
 @media (max-width:991px) {
     .header-dots {
        display:none;
    }
    .projects-portfolio-simple img.portfolio-logo {
        top:15px;
        right:15px;
        max-width:25%;
    }
    .pp-item-container-content{
        padding:10px;
    }
    .all-portfolio-design {
        background-size:100% 85%;
        background-position: center bottom;
    }
    .contact-details #space {
        padding:0;
    }
    .service-data {
        margin-top: 30px;
    }
    .video-production .image-panels {
        left:0;
    }
    .video-production .image-panels-one {
        right:0;
    }
}
 @media (max-width:767px) {
     .video-production .image-panels {
        display:block;
    }
    .video-production .image-panels-one {
         display:block;
    }
}
 @media (max-width:450px) {
     .full-width {
         width: 100%;
    }
}
/* End Video Production Stylesheet */
/* Media Query for MAX-WIDTH:767px */
 @media (max-width: 1199px) {
     .image-panel img.icon1, .image-panel img.icon2, .image-panel img.icon3, .image-panel img.icon4, .image-panel img.icon5, .image-panel img.icon6 {
        top: 0 !important;
        max-width: 75% !important;
    }
    .content-panel h3 {
        font-size: 16px;
    }
}
 @media (min-width: 768px) and (max-width: 1199px) {
     .success-panel {
        width: 100%;
    }
    .stones {
        margin: 0;
    }
    .content-panel {
        width: 70%;
    }
    .one, .two, .three {
        left: 0;
    }
    .four, .five, .six {
        right: 0;
    }
    .image-panel img.icon1 {
        top: 25%;
        left: 0;
    }
    .image-panel img.icon4 {
         right: 15%;
        top: 25%;
    }
    .image-panel img.icon2, .image-panel img.icon3 {
         top: 15%;
        left: 0;
    }
    .image-panel img.icon5, .image-panel img.icon6 {
        right: 15%;
        top: 15%;
    }
    .full-bg {
        background: transparent;
    }
}
 @media (max-width: 767px) {
     .full-bg {
         background: transparent;
    }
    .success-panel {
        width: 100%;
    }
    .content-panel {
        width: 70%;
    }
    .image-panel {
        top: 0;
        left: 0;
    }
    .image-panel-first, .image-panel-second, .image-panel-third, .image-panel-fourth, .image-panel-fifth, .image-panel-sixth {
         background: none;
    }
    .stones-second {
        margin-right: 0;
    }
    .stones-fifth {
        margin-left: 0;
    }
    .image-panel img.icon1, .image-panel img.icon2, .image-panel img.icon3 {
        top: 33%;
        left: 0;
    }
    .image-panel img.icon4, .image-panel img.icon5, .image-panel img.icon6 {
         right: 0;
        top: 33%;
    }
    .content-panel h3 {
        font-size: 17px;
    }
    .stones {
         border: 1px solid #ccc;
         padding: 15px;
         background: #f5f5f5;
    }
    .rotate-image {
        z-index:-1;
    }
    .stones p {
         text-align: right;
        font-size: 15px;
    }
}
 @media (min-width: 599px) and (max-width: 767px) {
     .image-panel img.icon1, .image-panel img.icon2, .image-panel img.icon3 {
        top: 0;
        left: 0;
    }
    .image-panel img.icon4, .image-panel img.icon5, .image-panel img.icon6 {
        right: 0;
        top: 0;
    }
}
 @media (max-width:767px) {
     .ui-ux-image .appn1 {
        top:30% !important;
    }
}
 @media (max-width:1199px) {
     .ui-ux-image .appn1 {
         position: absolute;
        top: 30%;
        left: 0;
    }
    .ui-ux-design {
        padding: 70px 0;
    }
    .ui-ux-content h1, .iphone-content h1 {
        margin:30px 0;
    }
    .iphone {
        height:1295px;
    }
    .appn-iphone {
        position: relative;
         top: 0;
        max-width: 100%;
    }
    .iphone-image img {
        top: auto;
        right: 0;
        bottom: 0;
        max-width: 50%;
    }
    .iphone-image img:nth-child(2) {
        opacity:0;
    }
    .mobile-application-design img {
         max-width: 50%;
    }
}
 @media (max-width:335px) {
     .responsive-design {
        height:1525px !important;
    }
    .corporate-website {
        height: 1299px !important;
    }
    .ecommerce {
         height: 1777px !important;
    }
}
 @media (max-width:1199px) {
     .media-query {
         display:none !important;
    }
}
 @media (min-width:768px) and (max-width:1199px) {
     .iphone.iphone-design {
        height: 1025px !important;
    }
    .facebook-icon {
        position: absolute;
        left: 15%;
        top: -10%;
    }
    .linkedin-icon {
        left: 30%;
        top: -15%;
        position: absolute;
    }
    .twitter-icon {
         position: absolute;
        left: 45%;
         top: -15%;
    }
    .youtube-icon {
        position: absolute;
        top: -10%;
        left: 60%;
    }
    .content-management {
        background-size: auto 70% !important;
        background-position: right bottom !important;
        height: 1315px !important;
    }
    .dash-cms {
        height: 1465px;
    }
    .corporate-website {
        height: 1125px !important;
    }
    .details-img-corp {
        width:75%;
    }
    .social-media .details-content {
        top:0 !important;
    }
    .social-media {
        height:1375px !important;
    }
    .social-media .details-img, .social-media .details-content {
        float:none !Important;
         width:100% !important;
    }
    .social-media h1, .social-media p, .content-management h1, .content-management p, .responsive-design h1, .responsive-design p, .corporate-website h1, .corporate-website p , .ecommerce h1, .ecommerce p {
         text-align:justify;
    }
    .ecommerce .details-img {
        float:none !important;
        width:100% !important;
    }
    .ecommerce .details-content {
        float:none !important;
        width:100% !important;
    }
    .ecommerce {
         height: 1565px !important;
    }
    .details-content-corp {
         margin-top:0;
    }
    .details-content-corp {
        float: none !important;
         width: 100% !important;
    }
    .corporate-website {
         background-size: 45% !important;
        background-position: right bottom !important;
    }
    .responsive-design {
        height: 1455px !important;
    }
    .branding {
        background-size: 45% !important;
        background-position: top left !important;
    }
    .responsive .details-img {
        top: 0 !important;
    }
    .responsive-design .details-img {
         float:none !important;
         width:100% !important;
    }
    .img-one {
         left: 0 !important;
         bottom: -5% !important;
         max-width: 35%;
    }
    .img-two {
         left:17% !important;
        bottom:0 !important;
        top:auto;
    }
    .responsive .details-content {
         top:0 !important;
    }
    .responsive-design .details-content {
         float: none !important;
        width: 100% !important;
        margin-top: 45px;
    }
}
 @media (max-width:767px) {
     .branding h1 {
        font-size:25px !important;
    }
    .responsive .details-img {
        top:0 !important;
    }
    .img-one {
        position: absolute;
         left: 0 !important;
        bottom: -24% !important;
        width: auto;
    }
    .img-two {
        position: absolute;
        left: auto !important;
        bottom: -25% !important;
        width: auto;
         right: 0;
    }
    .details-img {
         display: block !important;
         float: none !important;
         width: 100% !important;
         margin-right: 0;
        position: relative;
    }
    .branding {
        background-size: 75% !important;
        background-position: top left !important;
    }
    .details-content {
         float: none !important;
         width: 100% !important;
        margin-top: 45px;
    }
    .branding p {
         text-align:justify;
    }
    .branding h1 {
        text-align: right;
    }
    .branding-design-corp {
        top:0 !important;
    }
    .branding-second {
         background-size:50% !important;
    }
    ul.tv-list li {
         line-height: 35px !important;
    }
    .details-content-corp {
        float: none !important;
         width: 100% !important;
         margin-top: 0 !Important;
         padding-top: 0 !important;
    }
    .branding-second p {
        text-align:justify;
    }
    .details-img-corp {
        display: block !important;
        float: none !important;
        width: 100% !important;
         margin-right: 0;
        position: relative;
         margin-top: 30px !important;
    }
    .branding {
        background:#eee !important;
    }
    .branding-second {
         background:#f8f8f8 !important;
    }
    .social-media .details-img {
         margin:0 !important;
    }
    .ecommerce {
        top:0 !important;
    }
    .dash-cms {
        top: 0 !important;
    }
    .social-media .details-content {
         top:0 !important;
    }
}
 @media (max-width:991px) {
     .another-img {
        margin-top: 50px;
    }
    .facebook-icon {
         position: absolute;
        left: 15%;
        top: 0;
    }
    .linkedin-icon {
        left: 30%;
        top: -10%;
        position: absolute;
    }
    .twitter-icon {
        position: absolute;
        left: 50%;
        top: -10%;
    }
    .youtube-icon {
        position: absolute;
         top: -5%;
        left: 70%;
    }
}
 @media (max-width:767px) {
     .social-img {
        max-width: 18% !important;
    }
    .facebook-icon {
        left: 0 !important;
         top: 10% !important;
    }
    .linkedin-icon {
         left: 20% !important;
    }
    .twitter-icon {
        left: auto !important;
        right: 35% !important;
    }
    .youtube-icon {
        position: absolute;
         top: -5%;
         left: auto;
        right: 0;
    }
}
 @media (max-width:1915px) {
     .max-width-device img {
        display: block;
         margin:auto;
    }
    .project-count-image {
        display: none;
    }
    .max-width-device {
         position: relative;
    }
    .count11 {
        margin-top:45px !important;
    }
    .count22 {
         margin-top: 45px !important;
    }
    .face-count p {
    }
    .face-count h4 {
    }
}
 @media (min-width:450px) and (max-width:991px) {
     h1 {
         font-size: 32px;
        line-height: 45px;
    }
    .thoughtbot {
        min-height: 305px;
    }
}
 @media (min-width:576px) and (max-width:767px) {
     .full-width-video {
        width: 100%;
    }
    .thoughtbot {
        min-height: auto !important;
    }
}
 @media (min-width:768px) and (max-width:825px) {
     .stones {
         min-height:390px !important;
    }
}
 @media (min-width:768px) and (max-width:991px) {
     .choose-dd h4 {
        font-size:15px;
    }
    .item-thumbs1 .hover-wrap p {
        line-height:30px;
    }
    .item-thumbs1 {
         min-height:360px;
    }
    .image-panel {
        height: 75px !important;
        top: 0;
        left: 0;
        width: 75px !important;
        border-radius: 75px !important;
        box-shadow:0;
        background: rgba(244,103,110,1);
        background: -moz-linear-gradient(top, #0E6FAE 0%, #0E6FAE 100%);
         background: -webkit-gradient(left top, left bottom, color-stop(0%, #0E6FAE), color-stop(100%, #0E6FAE));
         background: -webkit-linear-gradient(top, #0E6FAE) 0%, #0E6FAE 100%);
        background: -o-linear-gradient(top, #0E6FAE 0%, #0E6FAE 100%);
         background: -ms-linear-gradient(top, #0E6FAE 0%, #0E6FAE 100%);
        background: linear-gradient(to bottom, #0E6FAE 0%, #0E6FAE 100%);
        background-repeat: repeat;
        background-size: auto auto;
        background-repeat: repeat;
        background-size: auto auto;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E6FAE', endColorstr='#0E6FAE', GradientType=0 );
        transform: rotate(0);
    }
}
 @media (max-width:991px) {
     .review-icon {
        width:95px;
        height:95px;
    }
    .all-reviews .bx-controls-direction {
        right:5px;
        bottom:5px;
    }
    .stones {
        margin-top:30px;
        min-height: 365px;
         padding:15px;
    }
    .stones-second, .stones-third, .stones-fifth, .stones-sixth {
        top:0;
    }
    .stones {
        margin-bottom: 0;
    }
    .success-panel {
         margin-top:0;
    }
    .success-panel .content-panel.process-left h3 {
        text-align: right !important;
    }
    .color-icon {
        opacity: 0;
    }
    .white-icon {
        opacity: 1;
    }
    .stones {
        border-radius: 15px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }
    .success-panel .content-panel.panel-right h3 {
        text-align: left !important;
    }
    .image-panel img {
        transform: rotate(0) !important;
    }
    .contact-detailed {
        border-radius:0;
    }
    .list-group-item h5 {
        font-size:12px !important;
    }
    .list-group-item.active h5 {
        font-size: 12px !important;
    }
    .responsive-slider {
        display: block;
    }
    .process-header {
         background: transparent;
    }
    .content-panel {
         left: 0 !important;
    }
}
 @media (min-width:768px) and (max-width:1199px) {
     .dots {
         opacity: 0;
        top: -8%;
    }
    .header-body {
        top:285px;
    }
    .navbar {
         float: none;
         margin: 30px auto;
        display: block;
         text-align: center;
    }
    .navbar-inverse .navbar-nav > li {
         margin: 3px;
    }
    .navbar-inverse .navbar-nav > li > a {
        font-size:12px;
    }
    .dropdown-menu > li > a {
         font-size:12px;
    }
    .logo img {
         width: auto;
         margin: auto;
    }
    .navbar-nav {
        float:none;
    }
    .nav > li {
        display:inline-block;
        float:none;
    }
     
    .head-left {
        display: inline-block;
         width: auto;
        margin-top: 0;
    }
    .demo-services {
         height: auto;
    }
    .demo-services {
         padding-bottom:70px;
    }
    ul.after-choose li .box {
         width:385px;
    }
    ul.after-choose li {
         display: inline-block;
        float: none;
        margin: 5px;
    }
    .list-group-item {
        padding: 17px 15px !important;
         display: inline-block;
        border: 1px solid #fff !important;
        margin: 10px 0 !important;
    }
    .list-group-item.active h5 {
         font-size: 15px;
    }
    .list-group-item.active, .list-group-item:hover, .list-group-item:focus, .list-group-item:active {
         background: #0E6FAE !important;
    }
    .list-group-item h5 {
        font-size: 15px;
        margin: 0;
    }
    .list-group {
         margin: 45px 0 !important;
        display: block;
        text-align: center;
    }
    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #0E6FAE;
        border: 1px solid #0E6FAE;
        border-radius: 5px;
    }
}
 @media (min-width:799px) and (max-width:1199px) {
     .nav > li > a {
         padding:17px 9px;
    }
}
 @media (min-width:768px) and (max-width:799px) {
     .nav > li > a {
         padding:17px 7px;
    }
}
 @media (max-width:767px) {
     .navbar-nav li.arrow_box > a:after {
        color: #0E6FAE;
        content:"\f0d7";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        margin-left: 5px;
    }
    .navbar-inverse .navbar-nav > li > a {
        text-align: center;
    }
    .dropdown-menu > li > a {
        text-align:center;
    }
    .mobile-application-design img {
         max-width: 100%;
    }
    .details-content .read-more {
         margin-top: 15px;
    }
    ul.five-three li {
         margin:15px;
    }
    .stones {
         min-height:auto;
    }
    .dropdown-menu > li > a {
        font-size:13px;
    }
    .navigation ul li ul.dropdown-menu li {
        background: #fff;
        border: 1px solid #0E6FAE;
         border-top-width: 1px;
        border-top-style: solid;
         border-top-color: rgb(112, 44, 145);
    }
    .image-panel {
        border-radius: 95px;
        background: rgba(244,103,110,1);
        background: -moz-linear-gradient(top, #0E6FAE 0%, #0E6FAE 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #0E6FAE), color-stop(100%, #0E6FAE));
         background: -webkit-linear-gradient(top, #0E6FAE) 0%, #0E6FAE 100%);
        background: -o-linear-gradient(top, #0E6FAE 0%, #0E6FAE 100%);
         background: -ms-linear-gradient(top, #0E6FAE 0%, #0E6FAE 100%);
         background: linear-gradient(to bottom, #0E6FAE 0%, #0E6FAE 100%);
         background-repeat: repeat;
        background-size: auto auto;
        background-repeat: repeat;
        background-size: auto auto;
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0E6FAE', endColorstr='#0E6FAE', GradientType=0 );
         height: 95px;
         width: 95px;
    }
    .review-icon-left {
        float: none;
         margin: auto;
         display: block;
    }
    .reviews {
        height:auto;
         text-align:center;
    }
    .contact-detailed {
        padding:0;
    }
    .key-content h3 {
         font-size:20px;
    }
    .process-header {
        height:auto;
    }
    .dots {
        opacity: 0;
    }
    .mobile-video {
         background: #f5f5f5;
         position: relative;
         margin-top: 45px;
    }
    .mobile-video .video-containers {
        margin: 0;
    }
    .responsive-portfolio .read-more a {
        margin-top: 40px !important;
    }
    .container-width {
         padding-right: 15px;
         padding-left: 15px;
    }
    footer {
        background-size:cover;
    }
    .social-footer ul.social-icon li a i {
        display: block;
        height: 55px;
        width: 55px;
        /*color: #fff !important;
        */
        line-height: 47px;
        text-align: center;
        border-radius: 55px;
        border: 5px solid #fff;
        transition-property: background, border-radius;
        transition-duration: 0.3s;
        transition-timing-function: linear;
        font-size: 25px;
    }
    .responsive-icons {
         margin: 30px 0;
    }
    .contact-details p, .contact-details a {
         display: block;
        padding: 0 !important;
        font-size:17px !important;
    }
    .contact-details span {
        padding:0;
    }
    .request-consult span {
        display: inline-block;
    }
    .no-left {
        padding-left:0;
    }
    .no-right {
        padding-right:0;
    }
    .navigation ul li ul.dropdown-menu {
         margin-top:0;
    }
    .arrow_box:hover::after, .arrow_box:hover::before {
        display:none;
    }
    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        border-radius:0;
    }
    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
         background-color: #0E6FAE;
        border: medium none;
         border-radius: 0;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        /*border-color: #101010;*/
        /*background: #f9f9f9;*/
        /*position: absolute;*/
        /* right: 0;*/
        /*width: 325px;*/
        /*text-align: left;*/
        /*top: 0;*/
        /*z-index: 9999;*/
    }
    .navbar-inverse .navbar-nav > li {
        margin:0;
    }
    .choose-para {
        font-size:17px;
    }
    .regular-client .slick-prev {
        left: 0;
    }
    .regular-client .slick-next {
        right: 0;
    }
    #section-paddings {
         padding: 70px 0;
    }
    .testimonial-heading1 h1 {
         font-size:30px;
    }
    .services-heading h1 {
         margin:0;
    }
    .datas-content p {
        font-size: 15px;
    }
    .polygon-one {
        display:none;
    }
    .read-more.all-services {
        display: block;
        margin: auto;
        margin-top: auto;
        text-align: center;
        margin-top: 30px;
    }
    .read-more.all-services a.call {
        font-size:13px;
    }
    .header-body {
        position: relative;
        top: -5% !important;
    }
    .read-more {
        margin-top:0;
    }
    .read-more a {
        margin: 20px 0 !important;
    }
    .navbar-toggle {
        position:relative;
    }
    .head-left {
        width: 100%;
        margin-top: 0;
    }
    .review-design {
        margin-top: 30px;
    }
    .achievements {
        width:auto;
        margin:0;
    }
}
 @media (min-width:450px) and (max-width:767px) {
     .logo img {
        width: auto;
         margin: auto;
    }
}
 @media (min-width:610px) and (max-width:767px) {
     .request-consult h1 {
        font-size:35px;
    }
    .img-two {
        top:auto;
    }
    .branding.responsive.responsive-design {
        height: 1385px !important;
    }
    .corporate-website {
        height: 1210px;
    }
    .ecommerce {
        height: 1535px;
    }
    .dash-cms {
        height: 1535px;
    }
    .social-media {
        height: 1265px;
    }
}
 @media (max-width:575px) {
     .details-img-corp img.television-image {
        top:75px;
    }
    .mobile-application-design img {
         max-width: 100%;
    }
    ul.five-three li {
        height:auto;
    }
    .item-thumbs1 {
        min-height:390px;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        width:385px;
    }
    .navbar-inverse {
        /* margin-top: 30px;*/
        /*position: relative;*/
        /*z-index: 9;*/
    }
    .navbar-nav {
        margin: 0;
        position: relative;
        z-index: 9;
    }
    .read-more.submit input[type="submit"] {
        margin:auto;
    }
    .form-submit.read-more.submit {
        display: block;
         margin: auto;
        margin-top: auto;
         margin-top: 30px;
    }
    .contact-details #space {
        padding-left:0;
    }
    .reviews p {
        text-align: center;
    }
    #section-padding {
        padding:40px 0;
    }
    .more-portfolio .read-more a.quote {
         margin:0 !important;
    }
    .more-portfolio {
         margin-top:45px;
    }
    .responsive-portfolio .nav.nav-tabs {
        margin-bottom: 40px;
    }
    .responsive-portfolio .port-heading a {
        display: block;
         padding: 15px;
        transition: all 300ms;
    }
    .responsive-portfolio .port-heading a:hover {
        background:#0E6FAE;
    }
    .responsive-portfolio h6 {
        margin:0;
    }
    .responsive-image, .responsive-image1 {
        padding:0;
    }
    .clients-logo {
        position: relative;
    }
    .clients-logo img {
         position: absolute;
        left: 0;
         right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        max-width: 75%;
    }
    .responsive-clients {
         margin: 30px 0;
    }
    .responsive-image, .responsive-image1 {
        margin:30px 0;
    }
    .modal-content {
        z-index: 9;
    }
    #section-paddings {
         padding: 60px 0;
    }
    .read-more.all-services a.call {
        float:none;
    }
    .demo-services {
        height: auto;
    }
    .demo-services {
         margin-top: 45px;
    }
    .logo img {
        margin:auto;
    }
    .header-body {
        top: -15%;
        z-index: 1;
    }
    .header-body .read-more span::after {
        top:-10px;
    }
    .header-body .read-more span::after {
        font-size:22px;
    }
    .header-body .read-more a.call, .header-body .read-more a.quote {
        font-size: 13px;
        float: left;
        padding: 16px 12px;
        margin: 20px 5px !important;
    }
    .header-body .read-more a:hover span {
        padding-right: 18px;
    }
    .content-panel h3 {
        text-align:center !important;
    }
    .thoughtbot p {
        text-align:center !important;
    }
    .consulting-form p {
        font-size:20px;
    }
    .corporate-website {
         height: 1195px !important;
    }
    .ecommerce {
         height: 1485px !important;
    }
    .dash-cms {
        height: 1445px;
    }
    .branding-second.content-management {
         height: 1445px;
    }
    .social-media {
        height: 1175px;
    }
    .img-one {
        top:auto;
         max-width:50%;
    }
    .img-two {
        top: auto !important;
         bottom: 0;
         max-width: 50%;
    }
    .responsive-design {
        height: 1335px !important;
    }
    ul.five-three li {
        width:auto;
    }
    .full-width {
         width: 100%;
    }
    .request-consult h1 {
        font-size:25px;
    }
}
 @media (min-width:451px) and (max-width:767px) {
     
}
 @media (max-width:450px){
     ul.branch-flag li {
        display: inline-block;
        margin: 5px;
        width: 15%;
    }
    
    .hidden-425 {
         display: none;
    }
    .logo img {
        max-width: 60%;
    }
    .navbar-toggle {
        /*top:0;*/
    }
    h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .play-button i {
        height: 80px;
        width: 80px;
        line-height: 72px;
        font-size: 35px;
         border-radius: 80px;
    }
    /* Mobile Application */
    .iphone.iphone-design {
        height: 1460px;
    }
    .iphone.android-design {
        height: 1150px;
    }
}
 @media (max-width:420px) {
     .branding-second.content-management {
         height: 1545px !important;
    }
    .dash-cms {
        height: 1545px !important;
    }
    .corporate-website {
        height: 1195px !important;
    }
    .responsive-design {
         height: 1280px !important;
    }
    .ecommerce {
         height: 1425px !important;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
         width: 325px;
    }
}
 @media (max-width:375px) {
     .responsive-design {
        height: 1295px !important;
    }
    .corporate-website {
        height: 1225px !important;
    }
    .ecommerce {
        height: 1450px !important;
    }
    .dash-cms {
        height: 1565px;
    }
    .branding-second {
         height: 1565px;
    }
    .branding-second.content-management {
        height: 1565px;
    }
    .social-media {
        height: 1220px;
    }
    .image-panel {
        height: 70px !important;
        width: 70px !important;
        border-radius: 70px !important;
    }
}
 @media (max-width:359px) {
     .service-data {
        margin-top: 30px;
        border: 1px solid #0E6FAE;
        padding: 15px;
    }
    .datas-image {
        float:none;
        border:medium none !important;
    }
    .datas-content {
        margin-left: 0px;
        padding-top: 0px;
        text-align: center;
    }
}
 @media (max-width:360px) {
     .header-body .read-more a.call, .header-body .read-more a.quote {
        font-size:11px;
    }
}
 @media (max-width:345px) {
     .header-body .read-more a.call, .header-body .read-more a.quote {
        font-size: 11px;
        float: none;
        padding: 16px 40px;
        margin: 20px 5px !important;
    }
}
 @media (min-width:596px) and (max-width:1365px) {
     .testimonial-review {
         text-align: center;
    }
    .review-icon1 {
        opacity:0;
    }
}
 @media (min-width:576px) and (max-width:1365px) {
     .tab-content {
        margin-top: 30px;
    }
    .responsive-portfolio h6 {
        font-size: 8px;
        color: #fff;
        margin: 0;
        padding: 10px;
    }
}
 @media (min-width:451px) and (max-width:1365px) {
     .iphone.iphone-design {
        height: 1455px;
    }
    .iphone.android-design {
        height: 1165px;
    }
}
 @media (min-width:576px) and (max-width:609px) {
     .branding.responsive.responsive-design {
        height: 1325px;
    }
    .branding-second.corporate-website {
         height:1175px;
    }
    .branding.ecommerce {
         height:1555px;
    }
    .dash-cms {
         height: 1445px;
    }
    .branding-second.content-management {
        height: 1445px;
    }
    .branding.social-media {
        height: 1270px;
    }
}
 @media (min-width:576px) and (max-width:767px) {
     .header-body .read-more a {
        padding: 16px 12px;
    }
    .img-two {
        top:auto;
        bottom:-20% !important;
    }
}
/* Mobile Application */
 @media (min-width:550px) and (max-width:1365px) {
     .our-client.regular-mobile.slider.slick-initialized.slick-slider {
        background: transparent;
    }
    .regular-mobile .slick-prev, .regular-mobile .slick-next {
        display:block !important;
    }
}
 @media (max-width:1365px) {
     .demo-services {
        background: rgba(238, 238, 238, 0.3);
        padding-top: 75px;
        margin-top: 0;
        padding-bottom: 75px;
    }
    .all-details {
        background: #fff;
         background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        border-radius: 15px;
    }
    .all-margin {
        padding: 15px;
    }
    .contact-detailed {
         border: 0;
        background: transparent;
    }
    .all-reviews.review-page .review-content {
        margin-top: 30px !important;
    }
    .all-reviews.review-page {
         background: #fff;
        background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
         box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    }
    .review-page, .Contact-page {
        background: #eee;
    }
    .our-work-design {
        background: #eee;
    }
    .key-box {
        background: #fff;
        background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
         background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    }
    .printing-designing {
         background: #eee;
    }
    .print-advrt .ch-info-wrap {
        display: block;
    }
    .print-advrt .ch-info-wrap {
        margin-bottom: 15px;
    }
    .print-advrt:hover .ch-info-wrap {
        background: rgba(112, 44, 145, 0.8);
    }
    .print-advrt:hover .shows {
        opacity: 0;
    }
    .print-advrt:hover .hides {
         opacity: 1;
    }
    .video-production-system {
        background: #eee;
    }
    .mobile-design h1, .game-design h1 {
        margin-top: 30px !important;
    }
    .mobile-application-design h1 {
         margin:0;
    }
    .mobile-design, .game-design {
        background: #eee;
    }
    ul.mobile-application-list li {
        text-align: left;
    }
    .testimonial-heading.section-header.portfolio-header {
        text-align:center;
        margin-bottom:40px;
    }
    .all-portfolio-design .section-header p.section-description {
        width: 100%;
    }
    .banner-size-left {
        width: 100%;
    }
    .head-left h1 {
        width:100%;
    }
}
 @media (min-width:375px) and (max-width:420px) {
     .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        width: 383px;
    }
}