@media only screen and (min-width: 1200px) and (max-width: 1300px){
    .partners .owl-prev{
        left: -2%;
    }
    .partners .owl-next{
        right: -2%;
    }
    #mainmenu ul ul li a{
        width: 136px;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px){
    .blog-content.style-two .container .row.margin-devider .blog-container .post-content h3{
        font-size: 17px;
    }
    .blog-content.style-two .container .row.margin-devider .blog-container iframe{
        min-height: 188px;
    }
    .blog-content .container .row.margin-devider .blog-container{
        min-height: 524px;
    }
    .blog-content .container .row.margin-devider .blog-container iframe{
        min-height: 272px;
    }
    .blog-content .container .row.margin-devider .blog-container blockquote{
        padding: 83px 25px;
        max-height: 272px;
        font-size: 19px;
    }
    .blog-content .container .row.margin-devider .blog-container .flexslider {
        max-height: 272px;
    }
    .main-menu li.hover-on span.menu-hover-home, .main-menu .navbar-inverse ul.navbar-nav li.active span.menu-hover-home{
        left: 9px;
    }
    .main-menu .navbar-inverse .navbar-collapse{
        padding: 0;
    }
    .main-menu .navbar-inverse ul li a{
        font-size: 16px;
        padding: 16px 7px;
    }
    a.search-icon{
        line-height: 53px;
    }
    .counter ul li, .counter ul li h4{
        font-size: 24px;
        min-width: 170px;
    }
    .counter ul li span{
        font-size: 40px;
    }
    .counter{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .services, .portfolio, .testimonial{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .portfolio .right-box{
        margin-top: 18px;
    }
    .portfolio .floating-layer{
        padding: 20px;
        width: 99.2%;
    }
    .partners .owl-next{
        right: -35px;
    }
    .partners .owl-prev{
        left: -35px;
    }
    .partners .owl-carousel .owl-item img{
        margin: 0 auto;
    }
    .contact-us .address-box ul li a{
        font-size: 14px;
    }
    .header-section .flex-control-nav{
        width: 4%;
    }
    .about-us .flex-control-nav{
        bottom: -18px;
    }
    body.contact-page .header-section .header-menu .main-menu a.search-icon {
        line-height: 52px;
    }
    .carrer-content .container .row .career-video .button-floating a.button-player{
        padding: 9%;
    }
    .blog-content .container .row.margin-devider .blog-container .post-content h3{
        font-size: 21px;
    }
    .blog-content {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    @-webkit-keyframes mymove {
        from {left: 0px;}
        to {left: 89%;}
    }
    @-webkit-keyframes mymove-2 {
        from {left: 0px;}
        to {left: 37%;}
    }
    @-webkit-keyframes mymove-3 {
        from {left: 0px;}
        to {left: 45%;}
    }
    @-webkit-keyframes mymove-4 {
        from {left: 0px;}
        to {left: 31%;}
    }
    .partners .owl-prev{
        left: -2%;
    }
    .partners .owl-next{
        right: -2%;
    }
}
@media screen and (max-width:767px) {
    .home-header-section #mainmenu > ul > li.active > a::before, .inner-header-section #mainmenu > ul > li.active > a::before{
        opacity: 0;
    }
    .breadcrumb-section h1, .breadcrumb-section ul{
        text-align: center;
    }

    #mainmenu ul ul{
        background-color: #333;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        text-align: center;
        padding: 10px 0 0 0;
        float: none
    }

    .logo2 {
        display: none
    }

    nav {
        width: 100%;
    }

    #mainmenu {
        width: 100%;
        margin-left: 0;
        position: absolute;
        margin-right: 0;
        left: 0;
        right: 0;
        top: 15px;
        z-index: 99999;
    }

    #mainmenu ul {
        width: 100%;
        display: none;
        background-color: #000;
        padding: 0;
    }

    #mainmenu ul li {
        width: 100%;
        border-top: 1px solid #252323;
        overflow: hidden;
    }
    .inner-header-section #mainmenu > ul > li > a {
        color: #fff;
    }
    #mainmenu ul li.active{
        border-left: 3px solid #fbb017;
    }
    #mainmenu ul li{
        border-left: 3px solid #333;
    }

    #mainmenu ul li:hover {
        background: #363636;
        border-left: 3px solid #fbb017;
    }

    #mainmenu ul ul li, #mainmenu li:hover > ul > li {
        height: auto
    }

    #mainmenu ul li a, #mainmenu ul ul li a {
        width: 100%;
        border-bottom: 0
    }

    #mainmenu > ul > li {
        float: none
    }

    #mainmenu ul ul li a {
        padding-left: 25px
    }

    #mainmenu ul ul li {
        background: #333 !important;
    }

    #mainmenu ul ul li:hover {
        background: #363636 !important;
        border-left: 3px solid #333;
    }

    #mainmenu ul ul ul li a {
        padding-left: 35px
    }

    #mainmenu ul ul li a {
        color: #ddd;
        background: none;
        font-size: 13px;
        padding-left: 35px;
    }
    .header-menu.fixed #mainmenu{
        margin-top: -5px;
    }
    .inner-header-section .header-menu{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .inner-header-section #mainmenu{
        margin-top: 1px;
    }
    .inner-header-section .button{
        top: -65px;
    }
    .inner-header-section .header-menu.fixed .button{
        top: -55px;
    }
    #mainmenu ul ul li:hover > a, #mainmenu ul ul li.active > a {
        color: #fff
    }

    #mainmenu ul ul, #mainmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }

    #mainmenu > ul > li.has-sub > a:after, #mainmenu > ul > li.has-sub > a:before, #mainmenu ul ul > li.has-sub > a:after, #mainmenu ul ul > li.has-sub > a:before {
        display: none
    }

    #mainmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }

    .button {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: -63px;
        cursor: pointer;
        z-index: 12399994;
    }

    .button:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 8px;
        width: 20px;
        border-top: 2px solid #fbb017;
        border-bottom: 2px solid #fbb017;
        content: ''
    }

    .button:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: #fbb017;
        content: ''
    }

    .button.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #fbb017;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .button.menu-opened:before {
        top: 23px;
        background: #fbb017;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #mainmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer
    }

    #mainmenu .submenu-button.submenu-opened {
        background: #262626
    }

    #mainmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }

    #mainmenu .submenu-button:after {
        position: absolute;
        top: 13px;
        right: 18px;
        width: 8px;
        height: 2px;
        display: block;
        content: "\f105";
        font-family: FontAwesome;
        color: #fbb017;
        font-size: 20px;
    }

    #mainmenu ul ul .submenu-button:after {
        top: 13px;
        right: 22px
    }

    #mainmenu .submenu-button.submenu-opened:after {
        content: "\f107";
        font-family: FontAwesome;
        color: #fbb017;
        font-size: 20px;
        right: 21px;
    }

    #mainmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 18px;
        display: block;
        width: 2px;
        height: 8px;
        content: none;
    }

    #mainmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #mainmenu .submenu-button.submenu-opened:before {
        display: none
    }

    #mainmenu ul ul ul li.active a {
        border-left: none
    }

    #mainmenu > ul > li.has-sub > ul > li.active > a, #mainmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none;
    }

}
@media only screen and (min-width: 992px) and (max-width: 1024px){
    .blog-content .container .row.margin-devider .blog-container{
        min-height: 525px;
    }
    .blog-content .container .row.margin-devider .blog-container iframe{
        min-height: 272px;
    }
    .blog-content .container .row.margin-devider .blog-container blockquote{
        padding: 83px 25px;
        max-height: 272px;
        font-size: 19px;
    }
    .blog-content .container .row.margin-devider .blog-container .flexslider {
        max-height: 272px;
    }
    .blog-content .container .row.margin-devider .blog-container .post-content h3{
        font-size: 21px;
    }
    .blog-content {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .team .team-member.hover-on .hover-overlay{
        height: 71%;
    }
    body.contact-page .header-section .header-menu .main-menu a.search-icon {
        line-height: 52px;
    }
    body.service-page .header-section .header-menu .main-menu a.search-icon {
        line-height: 52px;
    }
    .main-menu .navbar-inverse .navbar-collapse{
        padding: 0;
    }
    .main-menu .navbar-inverse ul li a{
        font-size: 16px;
        padding: 16px 7px;
    }
    a.search-icon{
        line-height: 53px !important;
    }
    .counter ul li, .counter ul li h4{
        font-size: 24px;
        min-width: 170px;
    }
    .counter ul li span{
        font-size: 40px;
    }
    .counter{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .services, .portfolio, .testimonial{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .portfolio .right-box{
        margin-top: 18px;
    }
    .portfolio .floating-layer{
        padding: 20px;
        width: 99.2%;
    }
    .partners .owl-next{
        right: -19px;
    }
    .partners .owl-prev{
        left: -19px;
    }
    .partners .owl-carousel .owl-item img{
        margin: 0 auto;
    }
    .contact-us .address-box ul li a{
        font-size: 14px;
    }
    .header-section .flex-control-nav{
        width: 4%;
    }
    .about-us .flex-control-nav{
        bottom: -18px;
    }
    .award-section .grey-bg .award-normal ul li{
        margin-right: 25px;
    }
    .carrer-content .container .row .career-video .button-floating a.button-player{
        padding: 9%;
    }
    .about-us .flex-control-nav{
        width: 12%;
        top: 95%;
    }
    .contact-us .address-box p{
        font-size: 14px;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget ul li a{
        padding: 5px 13px;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info p{
        font-size: 11px;
    }
    .blog-content.style-three .container .row .blog-container .post-content h3{
        font-size: 12px;
        line-height: 20px;
    }
    .main-menu .navbar-inverse ul.navbar-nav li.active span.menu-hover-home, .main-menu li.hover-on span.menu-hover-home{
        left: 8px;
    }
    @-webkit-keyframes mymove {
        from {left: 0px;}
        to {left: 89%;}
    }
    @-webkit-keyframes mymove-2 {
        from {left: 0px;}
        to {left: 37%;}
    }
    @-webkit-keyframes mymove-3 {
        from {left: 0px;}
        to {left: 45%;}
    }
    @-webkit-keyframes mymove-4 {
        from {left: 0px;}
        to {left: 31%;}
    }
    #mainmenu ul ul li a{
        width: 130px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .blog-content.style-three{
        min-height: 4000px;
    }
    #mainmenu ul ul li a{
        width: 110px;
        font-size: 13px;
    }
    #mainmenu li:hover > ul > li {
        height: 29px;
    }
    #mainmenu > ul > li > a{
        font-size: 14px;
        padding: 11px;
    }
    #mainmenu > ul > li.has-sub > a:after{
        top: 13px;
    }
    #mainmenu > ul > li.has-sub > a:before{
        top: 5px;
        left:13px;
    }
    .contact-us .address-box p{
        font-size: 14px;
    }
    .contact-us .address-box .social-icons{
        margin-top: 15px;
    }
    .contact-us .contact-box, .contact-us .address-box{
        min-height: 330px;
    }
    .flexslider .slides li{
        margin-left: 0;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper .time-limit ul li {
        min-width: 170px;
        padding: 15px 45px;
        margin-bottom: 10px;
    }
    .blog-content .container .row.margin-devider .blog-container{
        min-height: 444px;
    }
    .blog-content .container .row.margin-devider .blog-container iframe{
        min-height: 207px;
    }
    .blog-content .container .row.margin-devider .blog-container blockquote{
        padding: 63px 25px;
        max-height: 272px;
        font-size: 14px;
    }
    .blog-content .container .row.margin-devider .blog-container blockquote:before{
        top: -12px;
    }
    .blog-content .container .row.margin-devider .blog-container blockquote:after{
        bottom: -66px;
    }
    .blog-content .container .row.margin-devider .blog-container .flexslider {
        max-height: 207px;
    }
    .blog-content .container .row.margin-devider .blog-container .post-content h3{
        font-size: 21px;
    }
    .blog-content{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget ul li a{
        padding: 5px 46px;
    }
    .blog-content.style-two .container .row.margin-devider .blog-container .post-content h3, .blog-content .container .row.margin-devider .blog-container .post-content span, .blog-content.style-two .container .row.margin-devider .blog-container .post-content a.read-more, .blog-content .container .row.margin-devider .blog-container .post-content p{
        font-size: 12px;
    }
    .team .team-member.hover-on .hover-overlay{
        height: 65%;
    }
    .grid-sizer,
    .grid-item {
        width: 100% !important;
        margin: 0 auto;
    }
    .contact-form .in-touch ul li span, .contact-form .in-touch ul li a{
        width: 100%;
    }
    .contact-form .in-touch form input#submit{
        font-size: 11px;
    }
    .contact-form .in-touch p{
        font-size: 16px;
    }
    .contact-form .in-touch form .form-wrap{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .contact-form .in-touch ul li .social-icons a i{
        min-width: 16px;
    }
    body.contact-page .header-section .header-menu .main-menu a.search-icon {
        line-height: 37px;
    }
    body.service-page .header-section .header-menu .main-menu a.search-icon {
        line-height: 36px;
    }
    .award-section .grey-bg .award-normal ul li{
        margin-right: -5px;
    }
    .award-section .grey-bg, .award-section .blue-bg{
        min-height: 403px;
    }
    .main-menu .navbar-inverse .navbar-collapse{
        padding: 0;
    }
    .main-menu .navbar-inverse ul li a{
        font-size: 13px;
        padding: 8px 5px;
    }
    a.search-icon{
        line-height: 34px !important;
    }
    .header-section .flex-control-nav{
        width: 4%;
    }
    .flex-caption h3{
        font-size: 35px;
    }
    .flex-caption h5{
        font-size: 17px;
    }
    .flex-caption .separator{
        max-width: 468px;
    }
    .flex-caption p{
        line-height: 24px;
        font-size: 20px;
    }
    .flex-caption{
        top:27%;
    }
    .flex-caption a.mouse-wheel img{
        margin-top: 20px;
    }
    h1.transparent-text{
        padding: 10px;
    }
    .about-us .right-overflow{
        top:61%;
        right: 7px;
        max-width: 577px;
        padding: 32px 40px 15px 50px;
    }
    h1.transparent-text{
        min-width: 487px;
        max-width: 487px;
        min-height: 317px;
    }
    h1.transparent-text span.big-size{
        font-size: 115px;
    }
    h1.transparent-text span.small-size{
        margin-top: 72px;
    }
    .about-us .slider-content .time-details{
        max-width: 519px;
    }
    .about-us .slider-content{
        margin-bottom: 152px;
    }
    .about-us .flex-control-nav{
        bottom:-18px;
    }
    .counter ul li, .counter ul li h4{
        font-size: 24px;
        min-width: 105px;
    }
    .counter ul li span{
        font-size: 40px;
    }
    .counter{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .services .margin-devider {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .services .service-wrap{
        margin-bottom: 15px;
        padding: 48px 0px 0px 20px;
    }
    .services .service-wrap a{
        margin-top: 25px;
    }
    .services, .portfolio, .testimonial{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .portfolio .floating-layer{
        padding: 5px;
    }
    .portfolio .right-box{
        margin-top: 0;
    }
    .testimonial .testimonial-slider .owl-prev{
        left: -5%;
    }
    .testimonial .testimonial-slider .owl-next{
        right: -5%;
    }
    .partners .owl-next{
        right: 0;
    }
    .partners .owl-prev{
        left: 0;
    }
    .partners .owl-carousel .owl-item img{
        margin: 0 auto;
    }
    .work-process .row.margin-devider .choose-us ul li a{
        font-size: 10px;
    }
    .work-process .row.margin-devider .choose-us ul li i{
        margin-right: 6px;
    }
    .digital-solution {
        margin-top: 15px;
    }
    .digital-services .service-content {
        padding-top: 76px;
        padding-bottom: 50px;
    }
    .work-process {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .services .service-wrap h3{
        font-size: 15px;
    }
    .services .service-wrap p{
        font-size: 12px;
    }
    .service-header-section .header-menu .main-menu a.search-icon {
        line-height: 34px;
    }
    span.menu-hover-home{
        top:7px;
    }
    .main-menu .navbar-inverse ul.navbar-nav li.active span.menu-hover-home{
        left: 6px;
    }
    .blog-content .container .row.margin-devider .blog-container .post-content h3{
        font-size: 16px;
    }
    .opening-recent .container .row.margin-devider .job-box h3{
        font-size: 17px;
    }
    .opening-recent .container .row.margin-devider .job-box p{
        font-size: 18px;
    }
    .opening-recent .container .row.margin-devider .job-box a{
        font-size: 16px;
    }
    .carrer-content .container .row .career-video .button-floating a.button-player{
        padding: 12%;
    }
    .home-header-section .indicators-line > .carousel-indicators{
        height: 18%;
    }
    .about-us .flex-control-nav{
        width: 13%;
        top: 96%;
    }
    .blog-wrapper .container .row .blog-details blockquote i.quote{
        right:11px;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .accordion-widget ul li a{
        font-size: 13px;
    }
    .flex-direction-nav .flex-prev{
        left: 20px;
    }
    .flex-direction-nav .flex-next{
        right:20px;
    }
    .service-about-us .flex-direction-nav a{
        top:42%;
    }
    .capabilities .container .row .progress-wrap{
        padding-top: 25px;
    }
    .team{
        padding-top: 40px;
    }
    .service-about-us .flex-control-nav li{
        padding: 3px;
    }
    .service-about-us .flex-control-thumbs img{
        width: 100%;
        height: auto;
    }
    .opening-recent .container .row.resume-part .resume-apply p{
        font-size: 12px;
    }
    @-webkit-keyframes mymove {
        from {left: 0px;}
        to {left: 91%;}
    }
    @-webkit-keyframes mymove-2 {
        from {left: 0px;}
        to {left: 39%;}
    }
    @-webkit-keyframes mymove-3 {
        from {left: 0px;}
        to {left: 47%;}
    }
    @-webkit-keyframes mymove-4 {
        from {left: 0px;}
        to {left: 33%;}
    }
    .inner-header-section .header-menu .main-menu, .main-menu{
        margin-top: 10px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px){
    .opening-recent .container .row.margin-devider .job-box{
        margin-bottom: 20px;
    }
    .carrer-content .container .row .career-video .button-floating a.button-player i{
        margin-top: 13px;
    }
    .team .team-member .hover-overlay{
        opacity: 1;
        background-color: transparent;
        position: absolute;
        transition: all 1s;
    }
    .team .team-member.hover-on .hover-overlay{
        background-color: transparent;
    }
    .team .team-member.hover-on .hover-overlay .social-icons{
        display: none;
    }
    .team .team-member .hover-overlay .social-icons a {
        background-color: #ffffff;
        border-radius: 3px;
        padding: 5px 5px;
        margin-right: 4px;
    }
    .team .team-member .hover-overlay .social-icons a i {
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-color: #000 !important;
        min-width: 15px;
    }
    .blog-content .container .row.margin-devider .blog-container iframe{
        width: 100%;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper{
        padding-left: 15px;
        padding-right: 15px;
    }
    .careers-wrapper .container .row .title-part p{
        font-size: 20px;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img span, .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img i.fa-search{
        display: none;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img{
        width: 100%;
        float: none;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img img{
        margin: 0 auto;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info{
        width: 100%;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info p{
        text-align: center;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info span{
        text-align: center;
    }
    .blog-content, .careers-wrapper, .opening-recent {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .digital-services .service-content, .work-process {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .flex-direction-nav .flex-prev{
        left: 20px;
    }
    .flex-direction-nav .flex-next{
        right:20px;
    }
    .service-about-us .flex-control-nav li{
        padding: 3px;
    }
    .service-about-us .flex-control-thumbs img{
        width: 100%;
        height: auto;
    }
/*    .team .team-member.hover-on .hover-overlay{
       display: none;
    }*/
    .flex-viewport{
        max-height: 3400px;
    }
    .portfolio-details {
        margin-top: 20px;
    }
    .services .service-wrap a{
        margin-top: 62px;
    }
    .main-menu .navbar-inverse .navbar-nav > li > a:hover, .main-menu.navbar-inverse .navbar-nav > li > a:focus{
        color: #000;
    }
    li.hassub.clicked ul.submenu{
        opacity: 1 !important;
        position: relative !important;
        background-color: #fff !important;
        left: 0 !important;
        transition: all 0s !important;
    }
    li.hassub.clicked ul.submenu li{
        display: block !important;
        line-height: 20px !important;
    }
    .main-menu .navbar-inverse ul li ul.submenu li a{
        color: #000 !important;
        font-size: 12px;
        padding: 0 25px;
        display: block;
        position: relative;
    }
    .main-menu ul li.hassub.clicked a::after {
        content: "-";
        width: 20px;
        color: #fff;
        padding-left: 5px;
        background-color: #fbb017;
        text-align: center;
        padding-right: 5px;
        position: absolute;
        right: 15px;
    }
    .main-menu ul li.hassub a::after {
        content: "+";
        width: 20px;
        color: #fff !important;
        padding-left: 5px;
        background-color: #000;
        text-align: center;
        padding-right: 5px;
        position: absolute;
        right: 15px;
    }
    .carrer-content .container .row .career-video .button-floating a.button-player{
        padding: 6%;
    }
    .grid-sizer,
    .grid-item {
        width: 100% !important;
        margin: 0 auto;
    }
    .blog-content .container .row.margin-devider .blog-container{
        margin-bottom: 20px;
    }
    .blog-content .container .row.margin-devider .blog-container a.img-container img{
        width: 100%;
    }
    .digital-services .service-sample{
        display: none;
    }
    .about-us .flex-control-nav{
        width: 22%;
        top: 88%;
    }
    body.portfolio-page .header-section .header-menu .main-menu{
        float: none;
    }
    body.contact-page .header-section .header-menu .main-menu, body.service-page .header-section .header-menu .main-menu{
        float: none;
    }
    .header-section .flex-caption h3{
        font-size: 26px;
    }
    .header-section .flex-caption h5{
        font-size: 14px;
    }
   .header-section .flex-caption .separator{
        max-width: 423px;
    }
    .header-section .flex-caption{
        padding: 2% 10%;
    }
   .header-section .flex-caption p{
        font-size: 16px;
        line-height: 20px;
    }
    .scrollToTop{
        right:8px;
    }
    .header-section .flex-control-nav{
        width: 5%;
    }
    .header-section .flex-direction-nav {
        display: none;
    }
    .services, .portfolio, .testimonial{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    h1.transparent-text{
        padding: 10px;
        min-width: 370px;
        max-width: 370px;
        min-height: 240px;
    }
    h1.transparent-text span.big-size{
        font-size: 85px;
    }
    h1.transparent-text span.small-size{
        margin-top: 48px;
    }
    .about-us .slider-content .time-details{
        max-width: 402px;
    }
    .about-us .right-overflow{
        padding: 10px 25px 5px 25px;
        max-width: 390px;
        top: 62%;
        right: 10px;
    }
    .about-us .slider-content{
        margin-bottom: 230px;
    }
    .about-us .flex-control-nav{
        text-align: center;
    }
    .counter ul li, .counter ul li h4{
        min-width: 50px;
        font-size: 17px;
    }
    .counter ul li span{
        font-size: 27px;
    }
    .counter{
        padding-top: 30px;
        padding-bottom: 30px;
        background-attachment: inherit;
    }
    .services .margin-devider {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .services .service-wrap{
        margin-bottom: 20px;
    }
    .portfolio .controls button{
        font-size: 12px;
    }
    .portfolio .floating-layer{
        padding: 20px;
    }
    .portfolio .floating-layer h3{
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 2px;
    }
   /* .portfolio .right-box{
        display: none;
    }*/
    .portfolio .floating-layer{
        height: 99%;
        opacity: 0.9;
        background-color: transparent;
    }
    .portfolio .right-box {
        display: block;
        opacity: 1;
    }
    .testimonial .testimonial-slider{
        padding: 20px;
    }
    .testimonial .testimonial-slider .owl-next{
        right: -1%;
    }
    .testimonial .testimonial-slider .owl-prev{
        left: -1%;
    }
    .partners .owl-carousel .owl-item img{
        margin: 0 auto;
    }
    .partners .owl-prev{
        left: -6px;
    }
    .partners .owl-next{
        right: -6px;
    }
    .contact-us .address-box ul li a, .contact-us .address-box p{
        font-size: 13px;
    }
    .contact-us .address-box{
        padding: 20px;
        margin-bottom: 20px;
    }
    .contact-us .contact-box{
        padding: 20px;
    }
    .contact-us{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .main-menu .navbar-inverse .navbar-collapse{
        max-width: 100%;
    }
    .main-menu .navbar-inverse ul li a, .main-menu .navbar-inverse ul.navbar-nav li.active a{
        color: #000;
    }
    .main-menu .navbar-inverse .navbar-toggle{
        position: absolute;
        top: -53px;
        right: 0;
        margin-right: 0;
        border: 0;
    }
    form.search-icon.mobile-on input {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;
        box-shadow: none;
        border-radius: 0;
        color: #000;
        padding: 10px 0;
    }
    .main-menu .navbar-inverse ul li a {
        padding: 10px 20px;
        font-size: 13px;
        color: #000 !important;
    }
    .main-menu li.hassub a{
        pointer-events: none;
    }
    .main-menu li.hassub ul.submenu li a{
        pointer-events: auto;
    }
    .main-menu .navbar-nav {
        margin: 10px auto;
        background-color: #fff;
        width: 100%;
    }
    .home-header-section .indicators-line > .carousel-indicators{
        display: none;
    }
    .flex-caption h5{
        font-size: 15px;
        margin-top: 0;
    }
    .flex-caption .separator{
        max-width: 396px;
    }
    .flex-caption h3{
        font-size: 23px;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .flex-caption p{
        font-size: 13px;
        line-height: 16px;
    }
    .flex-caption a.button-click{
        padding: 5px 35px 7px 35px;
    }
    .main-menu .navbar-inverse .navbar-toggle{
        position: absolute;
        top: -47px;
        right: 0;
        margin-right: 0;
        border: 0;
        padding: 9px 0px;
    }
    .home-header-section .main-menu .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
        background-color: transparent;
    }
    .home-header-section .navbar-header button.navbar-toggle.clicked span.icon-bar, .inner-header-section .navbar-header button.navbar-toggle.clicked span.icon-bar{
        opacity: 0;
        transition: all 1s;
        display: none;
    }
    .home-header-section .navbar-header button.navbar-toggle span.close-icon, .inner-header-section .navbar-header button.navbar-toggle span.close-icon{
        opacity: 0;
        display: none;
    }
    .home-header-section .navbar-header button.navbar-toggle.clicked span.close-icon, .inner-header-section .navbar-header button.navbar-toggle.clicked span.close-icon{
        color: #fff;
        opacity: 1;
        font-size: 17px;
        /* transition: all 1s; */
        display: block !important;
        margin-top: -5px;
    }
    .inner-header-section .navbar-header button.navbar-toggle.clicked span.close-icon img.fixed-shown{
        display: none;
    }
    .inner-header-section .header-menu.fixed .main-menu .navbar-inverse .navbar-toggle span.close-icon img.fixed-none{
        display: none;
    }
    .inner-header-section .header-menu.fixed .main-menu .navbar-inverse .navbar-toggle span.close-icon img.fixed-shown{
        display: block;
    }
    .about-us{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .about-us p{
        font-size: 14px;
    }
    .about-us a{
        font-size: 13px;
        line-height: 40px;
    }
    .main-menu .nav > li{
        border-bottom: 1px solid #ccc;
    }
    a.search-icon.mobile-off{
        display: none !important;
    }
    form.search-icon.mobile-on{
        display: none;
        position: relative;
        margin-left: 0;
    }
    .header-menu {
        top: 5px;
    }
    .modal-dialog {
        padding: 10px;
        width: 100%;
    }
    .modal-dialog .modal-content{
        padding: 13px 15px 40px 15px;
    }
    .portfolio .mix{
        width: calc(100%/2 - (((2 - 1) * 1rem) / 2)) !important;
    }
    .flex-caption a.mouse-wheel{
        display: none;
    }
    span.menu-hover{
        display: none;
    }
    .main-menu, .service-header-section .header-menu .main-menu, .portfolio-header-section .header-menu .main-menu, .contact-header-section .header-menu .main-menu{
        float: none !important;
    }
    .about-us .flexslider .slides li{
        margin-left: 2px;
    }
    span.menu-hover-home{
        display: none;
    }
    .error-wrapper .container .row .col-md-12 .content-wrapper h3{
        font-size: 80px;
    }
    .blog-header-section .header-menu .main-menu{
        float: none;
    }
    .blog-content .container .row.margin-devider .blog-container a.img-container img{
        width: 100%;
    }
    .single-portfolio-wrap .item{
        padding: 10px;
    }
    .single-portfolio-wrap .owl-nav{
        right: 7px;
    }
    a.search-icon.mobile-on.inner-page input {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;
        box-shadow: none;
        border-radius: 0;
        color: #000;
        padding: 10px 0;
    }
    .left-sidebar {
        margin-top: 25px;
    }
    .error-header-section .header-menu .main-menu{
        float: none;
    }
    .pricing-banner, .pricing-details, .careers-wrapper, .carrer-content, .opening-recent{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pricing-banner .container .row .purchase h3{
        font-size: 30px;
    }
    .contact-form .in-touch form input#submit{
        font-size: 11px;
        padding: 6px 9px;
    }
    .contact-form .in-touch ul li a{
        font-size: 14px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper h2{
        font-size: 50px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper h4{
        font-size: 16px;
        line-height: 22px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper .time-limit ul li{
        min-width: 170px;
        padding: 15px 45px;
        margin-bottom: 10px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper .send-email{
        margin: 40px auto;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper .send-email input.submit{
        font-size: 12px;
    }
    @-webkit-keyframes mymove {
        from {left: 0px;}
        to {left: 89%;}
    }
    @-webkit-keyframes mymove-2 {
        from {left: 0px;}
        to {left: 37%;}
    }
    @-webkit-keyframes mymove-3 {
        from {left: 0px;}
        to {left: 45%;}
    }
    @-webkit-keyframes mymove-4 {
        from {left: 0px;}
        to {left: 31%;}
    }
    .team .team-member{
        margin-bottom: 20px;
    }
    .main-menu .navbar-inverse ul li ul.submenu li:hover{
        background-color: #fff;
    }
    .main-menu .navbar-inverse .navbar-nav > li > a:hover,.main-menu .navbar-inverse .navbar-nav > li > a:focus{
        color: #000;
    }
    .main-menu .navbar-inverse ul li ul.submenu li.active a {
        color: #fff !important;
    }
    .text-opacity{
        background-color: rgba(0,0,0,0.3);
        padding: 10px;
    }
    .text-opacity h3{
        margin-top: 0;
    }
}
@media only screen and (max-width: 480px){
    .flexslider .slides li{
        margin-left: 0;
    }
    .main-menu li.hassub a{
        pointer-events: none;
    }
    .main-menu li.hassub ul.submenu li a{
        pointer-events: auto;
    }
    @-webkit-keyframes mymove {
        from {left: 0px;}
        to {left: 89%;}
    }
    @-webkit-keyframes mymove-2 {
        from {left: 0px;}
        to {left: 37%;}
    }
    @-webkit-keyframes mymove-3 {
        from {left: 0px;}
        to {left: 45%;}
    }
    @-webkit-keyframes mymove-4 {
        from {left: 0px;}
        to {left: 31%;}
    }
    .team .team-member{
        margin-bottom: 20px;
    }
    .blog-content .container .row.margin-devider .blog-container blockquote{
        font-size: 20px;
        padding: 108px 25px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper .send-email input.submit{
        font-size: 12px;
    }
    .careers-wrapper .container .row .title-part p{
        font-size: 20px;
    }
    .contact-form .in-touch ul li a{
        font-size: 14px;
    }
    .contact-form .in-touch form input#submit{
        font-size: 11px;
        padding: 6px 9px;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img span, .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img i.fa-search{
        display: none;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img{
        width: 100%;
        float: none;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img img{
        margin: 0 auto;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info{
        width: 100%;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info p{
        text-align: center;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info span{
        text-align: center;
    }
    .blog-content, .careers-wrapper {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .digital-services .service-content, .work-process, .opening-recent {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .flex-direction-nav .flex-prev{
        left: 20px;
    }
    .flex-direction-nav .flex-next{
        right:20px;
    }
    .service-about-us .flex-control-nav li{
        padding: 3px;
    }
    .blog-wrapper .container .row .blog-details blockquote i.quote{
        right: 7px;
    }
    .blog-wrapper .container .row .blog-details .tag-section a{
        margin-right: 5px;
        font-size: 10px;
        padding: 6px 8px;
    }
    .blog-wrapper .container .row .blog-details blockquote{
        font-size: 21px;
    }
    .left-sidebar {
        margin-top: 25px;
    }
    .portfolio-details {
        margin-top: 20px;
    }
    .main-menu .navbar-inverse .navbar-nav > li > a:hover, .main-menu.navbar-inverse .navbar-nav > li > a:focus{
        color: #000;
    }
    li.hassub.clicked ul.submenu{
        opacity: 1 !important;
        position: relative !important;
        background-color: #fff !important;
        left: 0 !important;
        transition: all 0s !important;
    }
    li.hassub.clicked ul.submenu li{
        display: block !important;
        line-height: 20px !important;
    }
    .main-menu .navbar-inverse ul li ul.submenu li a{
        color: #000 !important;
        font-size: 12px;
        padding: 0 25px;
        display: block;
        position: relative;
    }
    .main-menu ul li.hassub.clicked a::after {
        content: "-";
        width: 5%;
        color: #fff;
        padding-left: 5px;
        background-color: #fbb017;
        text-align: center;
        padding-right: 5px;
        position: absolute;
        right: 15px;
    }
    .main-menu ul li.hassub a::after {
        content: "+";
        width: 5%;
        color: #fff !important;
        padding-left: 5px;
        background-color: #000;
        text-align: center;
        padding-right: 5px;
        position: absolute;
        right: 15px;
    }
    .grid-sizer,
    .grid-item {
        width: 100% !important;
        margin: 0 auto;
    }
    .blog-content .container .row.margin-devider .blog-container{
        margin-bottom: 20px;
    }
    .digital-services .service-sample{
        display: none;
    }
    .error-wrapper .container .row .col-md-12 .content-wrapper h3{
        font-size: 80px;
    }
    .mobile-script-off{
        display: none;
    }
    .about-us .flexslider .slides li{
        margin-left: 0;
    }
    .main-menu, .service-header-section .header-menu .main-menu, .portfolio-header-section .header-menu .main-menu, .contact-header-section .header-menu .main-menu{
        float: none;
    }
    .header-menu{
        top:5px;
    }
    .header-section .flex-caption h3{
        font-size: 26px;
    }
    .header-section .flex-caption h5{
        font-size: 14px;
    }
    .header-section .flex-caption .separator{
        max-width: 423px;
    }
    .header-section .flex-caption{
        padding: 2% 0;
    }
    .header-section .flex-caption p{
        font-size: 16px;
        line-height: 20px;
    }
    .scrollToTop{
        right:8px;
    }
    .header-section .flex-control-nav{
        width: 5%;
    }
    .header-section .flex-direction-nav {
        display: none;
    }
    .services, .portfolio, .testimonial{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    h1.transparent-text{
        padding: 10px;
        min-width: 370px;
        max-width: 370px;
        min-height: 240px;
    }
    h1.transparent-text span.big-size{
        font-size: 85px;
    }
    h1.transparent-text span.small-size{
        margin-top: 48px;
    }
    .about-us .slider-content .time-details{
        max-width: 100%;
    }
    .about-us .right-overflow{
        padding: 15px;
        max-width: 100%;
        right: 0;
        position: relative;
        margin-top: 10px;
    }
    .about-us .flex-control-nav {
        width: 34%;
        top: 83%;
    }
    .about-us .slider-content{
        margin-bottom: 40px;
        margin-top: 20px;
    }
    .about-us .flex-control-nav{
        text-align: center;
        top:95%;
    }
    .counter ul li, .counter ul li h4{
        min-width: 44px;
        font-size: 11px;
        margin: 2px 5px;
    }
    .title-part p{
        font-size: 13px !important;
    }
    .counter ul li i{
        font-size: 16px;
    }
    .counter ul li span{
        font-size: 14px;
        margin-top: 2px;
    }
    .counter{
        padding-top: 30px;
        padding-bottom: 30px;
        background-attachment: inherit;
    }
    .services .margin-devider {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .services .service-wrap{
        margin-bottom: 20px;
        padding: 48px 10px 0px 20px;
    }
    .portfolio .controls button{
        font-size: 12px;
        margin-bottom: 5px;
    }
    .portfolio .floating-layer{
        padding: 20px;
    }
    .portfolio .right-box{
        display: block;
        opacity: 1;
    }
    .team .team-member.hover-on .hover-overlay{
        background-color: transparent;
    }
    .team .team-member.hover-on .hover-overlay .social-icons{
        display: none;
    }
    .team .team-member .hover-overlay .social-icons a {
        background-color: #ffffff;
        border-radius: 3px;
        padding: 5px 5px;
        margin-right: 4px;
    }
    .team .team-member .hover-overlay .social-icons a i {
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-color: #000;
        min-width: 15px;
    }
    .portfolio .floating-layer{
        opacity: 0.9;
        background-color: transparent;
    }
    .testimonial .testimonial-slider{
        padding: 10px;
    }
    .testimonial .testimonial-slider .owl-next{
        right: -1%;
    }
    .testimonial .testimonial-slider .owl-prev{
        left: -1%;
    }
    .partners .owl-carousel .owl-item img{
        margin: 0 auto;
    }
    .partners .owl-prev{
        left: -13px;
        top: 14%;
    }
    .partners .owl-next{
        right: -13px;
        top: 14%;
    }
    .contact-us .address-box ul li a, .contact-us .address-box p{
        font-size: 13px;
    }
    .contact-us .address-box{
        padding: 20px;
        margin-bottom: 20px;
    }
    .contact-us .contact-box{
        padding: 20px;
    }
    .contact-us{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .main-menu .navbar-inverse .navbar-collapse{
        max-width: 100%;
    }
    .main-menu .navbar-inverse ul li a, .main-menu .navbar-inverse ul.navbar-nav li.active a{
        color: #000 !important;
    }
    .main-menu .navbar-inverse ul li ul.submenu li.active a {
        color: #fff !important;
    }
    .main-menu .navbar-inverse .navbar-toggle{
        position: absolute;
        top: -53px;
        right: 0;
        margin-right: 0;
        border: 0;
        padding: 9px 0px;
    }
    .home-header-section .main-menu .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
        background-color: transparent;
    }
    .home-header-section .navbar-header button.navbar-toggle.clicked span.icon-bar, .inner-header-section .navbar-header button.navbar-toggle.clicked span.icon-bar{
        opacity: 0;
        transition: all 1s;
        display: none;
    }

    .home-header-section .navbar-header button.navbar-toggle span.close-icon, .inner-header-section .navbar-header button.navbar-toggle span.close-icon{
        opacity: 0;
        display: none;
    }
    .home-header-section .navbar-header button.navbar-toggle.clicked span.close-icon, .inner-header-section .navbar-header button.navbar-toggle.clicked span.close-icon{
        color: #fff;
        opacity: 1;
        font-size: 17px;
        /* transition: all 1s; */
        display: block !important;
        margin-top: -5px;
    }
    .inner-header-section .navbar-header button.navbar-toggle.clicked span.close-icon img.fixed-shown{
        display: none;
    }
    .inner-header-section .header-menu.fixed .main-menu .navbar-inverse .navbar-toggle span.close-icon img.fixed-none{
        display: none;
    }
    .inner-header-section .header-menu.fixed .main-menu .navbar-inverse .navbar-toggle span.close-icon img.fixed-shown{
        display: block;
    }
    .main-menu .navbar-inverse ul li a{
        padding: 10px 20px;
        font-size: 13px;
    }
    .main-menu .navbar-nav {
        margin: 10px auto;
        background-color: #fff;
        width: 100%;
    }
    .main-menu .nav > li{
        border-bottom: 1px solid #ccc;
    }
    a.search-icon.mobile-off{
        display: none !important;
    }
    form.search-icon.mobile-on{
        display: none;
        position: relative;
        margin-left: 0;
    }
    form.search-icon.mobile-on input{
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;
        box-shadow: none;
        border-radius: 0;
        color: #000;
        padding: 10px 0;
    }
    a.search-icon.mobile-on.inner-page input{
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;
        box-shadow: none;
        border-radius: 0;
        color: #000;
        padding: 10px 0;
    }
    .flex-caption a.button-click{
        padding: 5px 35px 7px 35px;
        font-size: 16px;
    }
    .flex-caption h5{
        font-size: 13px;
        margin-top: 0;
    }
    .about-us {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .about-us p{
        font-size: 11px;
    }
    .about-us a{
        font-size: 12px;
        line-height: 28px;
    }
    .flex-caption h3{
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .flex-caption p{
        font-size: 15px;
        line-height: 20px;
    }
    .flex-caption .separator{
        max-width: 360px;
    }
    .modal-dialog {
        padding: 10px;
        width: 100%;
    }
    .modal-dialog .modal-content{
        padding: 13px 15px 40px 15px;
    }
    .portfolio .mix{
        width: calc(100%/1 - (((1 - 1) * 1rem) / 1)) !important;
        text-align: center;
    }
    .testimonial .testimonial-slider p{
        font-size: 14px;
    }
    .portfolio .margin-devider {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .testimonial .testimonial-slider h3{
        margin-top: 25px;
    }
    .flex-caption a.mouse-wheel{
        display: none;
    }
    .service-about-us{
        padding-bottom: 0;
    }
    .award-section .grey-bg .award-normal ul li{
        margin-right: 10px;
    }
    .award-section .grey-bg, .award-section .blue-bg{
        padding-bottom: 5px;
        padding-top: 5px;
        min-height: 300px;
    }
    .award-section {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    span.menu-hover{
        display: none;
    }
    .main-menu, .service-header-section .header-menu .main-menu, .portfolio-header-section .header-menu .main-menu, .contact-header-section .header-menu .main-menu{
        float: none !important;
    }
    span.menu-hover-home{
        display: none;
    }
    .blog-header-section .header-menu .main-menu{
        float: none;
    }
    .blog-content .container .row.margin-devider .blog-container a.img-container img{
        width: 100%;
    }
    .single-portfolio-wrap .item{
        padding: 10px;
    }
    .single-portfolio-wrap .owl-nav{
        right: 7px;
    }
    .flex-viewport {
        max-height: 3400px;
    }
    .error-header-section .header-menu .main-menu{
        float: none;
    }
    .pricing-banner, .pricing-details, .carrer-content{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pricing-banner .container .row .purchase h3{
        font-size: 30px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper h2{
        font-size: 50px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper h4{
        font-size: 16px;
        line-height: 20px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper .time-limit ul li{
        min-width: 170px;
        padding: 15px 45px;
        margin-bottom: 10px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper .send-email{
        margin: 40px auto;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper{
        padding-left: 15px;
        padding-right: 15px;
    }
    .partners .owl-nav i, .partners .owl-prev.disabled i:hover, .partners .owl-next.disabled i:hover{
        font-size: 7px;
        padding: 5px;
    }
    .main-menu .navbar-inverse ul li ul.submenu li:hover{
        background-color: #fff;
    }
    .main-menu .navbar-inverse .navbar-nav > li > a:hover,.main-menu .navbar-inverse .navbar-nav > li > a:focus{
        color: #000;
    }
    .text-opacity{
        background-color: rgba(0,0,0,0.3);
        padding: 10px;
    }
    .text-opacity h3{
        margin-top: 0;
    }
}
@media only screen and (max-width: 449px){
    .text-opacity{
        background-color: rgba(0,0,0,0.3);
        padding: 10px;
    }
    .text-opacity h3{
        margin-top: 0;
    }
    .main-menu .navbar-inverse ul li ul.submenu li.active a {
        color: #fff !important;
    }
    .main-menu li.hassub a{
        pointer-events: none;
    }
    .main-menu li.hassub ul.submenu li a{
        pointer-events: auto;
    }
    .main-menu .navbar-inverse ul li ul.submenu li:hover{
        background-color: #fff;
    }
    .team .team-member .hover-overlay{
        opacity: 1;
        background-color: transparent;
        position: absolute;
        width: 100%;
        height: 75%;
        transition: all 1s;
    }
    .team .team-member.hover-on .hover-overlay{
        background-color: transparent;
    }
    .team .team-member .hover-overlay .social-icons {
        display: block;
        position: absolute;
        top: 45%;
        left: 0;
        transition: all 1s;
        width: 100%;
        height: 100%;
    }
    .team .team-member .hover-overlay .social-icons a {
        background-color: #ffffff;
        border-radius: 3px;
        padding: 5px 5px;
        margin-right: 4px;
    }
    .team .team-member .hover-overlay .social-icons a i {
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-color: #000;
        min-width: 15px;
    }
    @-webkit-keyframes mymove {
        from {left: 0px;}
        to {left: 89%;}
    }
    @-webkit-keyframes mymove-2 {
        from {left: 0px;}
        to {left: 37%;}
    }
    @-webkit-keyframes mymove-3 {
        from {left: 0px;}
        to {left: 45%;}
    }
    @-webkit-keyframes mymove-4 {
        from {left: 0px;}
        to {left: 31%;}
    }
    .team .team-member{
        margin-bottom: 20px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper .send-email input.submit{
        font-size: 12px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper{
        padding-left: 15px;
        padding-right: 15px;
    }
    .careers-wrapper .container .row .title-part p{
        font-size: 20px;
    }
    .contact-form .in-touch form input#submit{
        font-size: 14px;
        padding: 6px 9px;
    }
    .opening-recent .container .row.margin-devider .job-box{
        margin-bottom: 20px;
    }
    .opening-recent .container .row.margin-devider {
        margin-top: 5px;
        margin-bottom: 0;
    }
    .pricing-banner, .pricing-details, .carrer-content{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pricing-banner .container .row .purchase h3{
        font-size: 30px;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img span, .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img i.fa-search{
        display: none;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img{
        width: 100%;
        float: none;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-img img{
        margin: 0 auto;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info{
        width: 100%;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info p{
        text-align: center;
    }
    .blog-content.style-three .container .row .left-sidebar .category-post .tab-widget .post-wrap .post-info span{
        text-align: center;
    }
    .blog-content {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .flex-direction-nav .flex-prev{
        left: 20px;
    }
    .flex-direction-nav .flex-next{
        right:20px;
    }
    .service-about-us .flex-control-nav li{
        padding: 3px;
    }
    .flex-viewport {
        max-height: 3400px;
    }
    .title-part h1{
        font-size: 20px;
    }
    .left-sidebar {
        margin-top: 25px;
    }
    .portfolio-details {
        margin-top: 20px;
    }
    .single-portfolio-wrap .owl-nav{
        right: 7px;
    }
    .single-portfolio-wrap .item{
        padding: 10px;
    }
    .main-menu .navbar-inverse .navbar-nav > li > a:hover, .main-menu.navbar-inverse .navbar-nav > li > a:focus{
        color: #000;
    }
    li.hassub.clicked ul.submenu{
        opacity: 1 !important;
        position: relative !important;
        background-color: #fff !important;
        left: 0 !important;
        transition: all 0s !important;
    }
    li.hassub.clicked ul.submenu li{
        display: block !important;
        line-height: 20px !important;
    }
    .main-menu .navbar-inverse ul li ul.submenu li a{
        color: #000 !important;
        font-size: 12px;
        padding: 0 25px;
        display: block;
        position: relative;
    }
    .main-menu ul li.hassub.clicked a::after {
        content: "-";
        width: 20px;
        color: #fff;
        padding-left: 5px;
        background-color: #000;
        text-align: center;
        padding-right: 5px;
        position: absolute;
        right: 15px;
    }
    .main-menu ul li.hassub a::after {
        content: "+";
        width: 20px;
        color: #fff !important;
        padding-left: 5px;
        background-color: #000;
        text-align: center;
        padding-right: 5px;
        position: absolute;
        right: 15px;
    }

    .grid-sizer,
    .grid-item {
        width: 100% !important;
        margin: 0 auto;
    }
    .blog-content .container .row.margin-devider .blog-container a.img-container img{
        width: 100%;
    }
    .blog-content .container .row.margin-devider .blog-container{
        margin-bottom: 20px;
    }
    .blog-header-section .header-menu .main-menu{
        float: none;
    }
    .digital-services .service-sample{
        display: none;
    }
    span.menu-hover-home{
        display: none;
    }
    .main-menu, .service-header-section .header-menu .main-menu, .portfolio-header-section .header-menu .main-menu, .contact-header-section .header-menu .main-menu{
        float: none !important;
    }
    body.contact-page .header-section .header-menu .main-menu, body.service-page .header-section .header-menu .main-menu{
        float: none;
    }
    span.menu-hover{
        display: none;
    }
    .header-menu{
        top:5px;
    }
    .about-us .flexslider{

    }
    .about-us{

    }
    .header-section .flex-control-nav {
        width: 8%;
    }
    .header-section .flex-caption h3 {
        font-size: 15px;
        margin-top: 8px;
        margin-bottom: 5px;
    }
    .main-menu .navbar-inverse .navbar-toggle {
        position: absolute;
        top: -53px;
        right: 16px;
    }
    .header-section .flex-caption h5 {
        font-size: 13px;
        line-height: 20px;
    }
    .header-section .flex-caption .separator {
        max-width: 200px;
    }
    .header-section .flex-caption p{
        font-size: 12px;
    }
    .flex-caption a.mouse-wheel{
        display: none;
    }
    .service-about-us{
        padding-bottom: 0;
    }
    .award-section .grey-bg .award-normal ul li{
        margin-right: 5px;
    }
    .award-section .grey-bg, .award-section .blue-bg{
         padding-bottom: 5px;
         padding-top: 5px;
         min-height: 300px;
     }
    .award-section {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .about-us .flexslider .slides li{
        margin-left: 0;
    }
    .main-menu .navbar-inverse .navbar-toggle{
        position: absolute;
        top: -53px;
        right: 0;
        margin-right: 0;
        border: 0;
        padding: 9px 0px;
    }
    .main-menu .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
        background-color: transparent;
    }
    .navbar-header button.navbar-toggle.mixitup-control-active span.icon-bar{
        opacity: 0;
        transition: all 1s;
        display: none;
    }
    .home-header-section .navbar-header button.navbar-toggle span.close-icon, .inner-header-section .navbar-header button.navbar-toggle span.close-icon{
        opacity: 0;
        display: none;
    }
    .home-header-section .navbar-header button.navbar-toggle.clicked span.close-icon, .inner-header-section .navbar-header button.navbar-toggle.clicked span.close-icon{
        color: #fff;
        opacity: 1;
        font-size: 17px;
        /* transition: all 1s; */
        display: block !important;
        margin-top: -5px;
    }
    .inner-header-section .navbar-header button.navbar-toggle.clicked span.close-icon img.fixed-shown{
        display: none;
    }
    .inner-header-section .header-menu.fixed .main-menu .navbar-inverse .navbar-toggle span.close-icon img.fixed-none{
        display: none;
    }
    .inner-header-section .header-menu.fixed .main-menu .navbar-inverse .navbar-toggle span.close-icon img.fixed-shown{
        display: block;
    }
    .flex-caption{
        top:34%;
    }
    .error-header-section .header-menu .main-menu{
        float: none;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper h2{
        font-size: 50px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper h4{
        font-size: 16px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper .time-limit ul li{
        min-width: 170px;
        padding: 15px 45px;
        margin-bottom: 10px;
    }
    .coming-soon-wrapper .container .row .col-md-12 .content-wrapper .send-email{
        margin: 40px auto;
    }
    .service-about-us .flex-control-nav li {
        padding: 3px;
    }
    .service-about-us .flex-control-thumbs img{
        width: 100%;
        height: auto;
    }
    .main-menu .navbar-inverse .navbar-nav > li > a:hover,.main-menu .navbar-inverse .navbar-nav > li > a:focus{
        color: #000;
    }
    .pagination-part .container .row .paging-wrap ul.pagination li a{
        padding: 6px 10px;
    }
    .carrer-content .container .row .career-video .button-floating{
        top:17%;
    }
    .carrer-content .container .row .career-video .button-floating a.button-player{
        padding: 13%;
    }
}
@media only screen and (max-height: 320px){
    .flex-caption h3{
        font-size: 19px;
    }
    .flex-caption p{
        font-size: 13px;
    }
    .flex-caption a.button-click{
        line-height: 55px;
        padding: 3px 35px 4px 35px;
    }
    .flex-caption h5{
        font-size: 13px;
    }
}