/* Responsive Design */
@media(min-width:1180px) and (max-width: 1400px) {
.main-navigation ul ul li a {
  font-size: 13px !important;
  padding: 0 7px !important;
}
}
/* Large desktop */

@media(max-width: 1180px) {
    .ak-container {
        width: 99%;
        padding: 0 0.5%;
    }
    body.boxed-layout #outer-wrap{
        overflow: hidden;
    }
    .boxed-layout #page, body.boxed-layout {
        width: 100%;
    }
    .both-sidebar .left-sidbar-right {
        float: left;
        width: 73%;
    }
    .both-sidebar #secondary-right {
        float: right;
        width: 25%;
    }
    .right-sidebar .business-hours a {
        font-size: 12px;
    }
    .left-sidebar .business-hours a {
        font-size: 13px;
    }
    a[href^=tel] {
        /* css */
        
        color: inherit;
        text-decoration: inherit;
        font-size: inherit;
        font-style: inherit;
        font-weight: inherit;
    }
    /***** header css ****/
    
    #site-navigation ul.nav-menu > li a {
        padding: 0 5px;
    }
    /******* slider css ******/
    
    #main-slider .small-caption {
        font-size: 16px;
    }
    #main-slider .caption-title {
        font-size: 55.78px;
    }
    #main-slider .caption-description {
        font-size: 18px;
        margin-top: 10px;
    }
    .about, .blogs {
        padding: 60px 0;
    }
    .service-block {
        margin-left: 1%;
        width: 24%;
    }
    .service-block-wrapper {
        margin-left: -1%;
    }
    .our-services .service-title {
        font-size: 18px;
    }
    .our-services .service-content {
        font-size: 13px;
    }
    .pricing-table .title-price {
        font-size: 32px;
    }
    .pricing-table .table2 .price {
        font-size: 40px;
    }
    .price-table {
        float: left;
        margin-left: 2%;
        padding: 40px 0;
        text-align: center;
        width: 23% !important;
    }
    .pricing-table .title-price:after {
        display: none;
    }
    .price-table-wrapper {
        margin-left: -2%;
    }
    .pricing-table .title-price {
        background-size: 100% auto !important;
        min-height: 170px !important;
    }
    .pricing-table .table-content li {
        font-size: 18px;
    }
    .pricing-table .table-content ul {
        padding: 25px 18px;
    }
    .pricing-table .table2 .table-content ul {
        padding: 50px 18px;
    }
    .pricing-table .table2 .product-link {
        padding-bottom: 30px;
    }
    .awesome-feature .aw-left .awesome-icons, .awesome-feature .aw-right .awesome-icons {
        width: 16%;
    }
    .awesome-feature .aw-left .aw-content, .awesome-feature .aw-right .aw-content {
        width: 82%;
    }
    .team-block {
        margin-left: 1%;
        width: 23%;
    }
    .portfolio-content .port-content {
        display: none;
    }
    .portfolio-listing.list .port-content {
        display: block;
    }
    .statcounters {
        margin-left: 1%;
        margin-top: 65px;
        width: 23%;
        vertical-align: top;
    }
    .blog-in-wrap {
        float: left;
        margin-left: 1%;
        width: 32.33%;
    }
    .blog-wrap {
        margin-bottom: 45px;
        margin-left: -1%;
    }
    .call-to-action {
        padding: 30px 0;
    }
    .call-to-action:after {
        display: none;
    }
    .our-team-member {
        padding: 30px 0;
    }
    .our-team-member .home-title {
        margin-bottom: 0;
    }
    .our-services .service-icons {
        background: #E6E6E6;
    }
    .team-member-grid .team-block {
        width: 100%;
    }
    .cta-video-section-wrap .cta-video .cta-wrap-left {
        width: 60%;
    }
    .cta-video-section-wrap .cta-video .cta-wrap-left:after {
        display: none;
    }
    .woocommerce ul.products li.product .price-cart .button:before {
        display: none;
    }
    .woocommerce ul.products li.product .price-cart .button {
        text-align: center;
        width: 55%;
        padding: 0;
    }
    .price > del {
        display: none !important;
    }
}

@media (min-width: 981px) and (max-width: 1023px) {
    #site-navigation ul.nav-menu > li a{
        font-size:13px;
    }
    .blog-in-wrap iframe {
      height: 218px;
      width: 100%;
    }
}
@media (max-width: 980px) {
    .portfolio-content .read-more {
        height: 44px;
        line-height: 44px;
        width: 44px;
    }
    .portfolio-listing.list .portfolio-content .read-more {
        height: auto;
        line-height: 16px;
        width: auto;
    }
    .portfolio-content .port-title {
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
    }
    .portfolio-listing.list .portfolio-content .port-title{
      color: #333333;
    }
    .team-image:hover .team-hover-icon {
        top: 26%;
    }
    .inner-circle {
        height: 160px;
        width: 160px;
    }
    .inner-circle > h2 {
        height: 140px;
        width: 140px;
    }
    .coutner-title > h2 {
        font-size: 18px;
    }
    .statcounters {
        margin-top: 35px;
    }
    .testimonial .tm-slider {
        font-size: 28px;
    }
    .title-test {
        margin-top: 30px;
    }
    .testimonial .bx-controls.bx-has-pager {
        padding-bottom: 20px;
    }
    .testimonial {
        padding: 80px 0 40px;
    }
    .blog-single-title {
        font-size: 13px;
        line-height: 28px;
    }
    .blog-title-comment {
        width: 180px;
    }
    .blog-date {
        margin-right: 5px;
    }
    .copyright {
        font-size: 12px;
    }
    .copyright, .ak_footer_social {
        line-height: 40px;
        padding-top: 20px;
        text-align: center;
        width: 100%;
    }
    .ak_footer_social {
        padding-bottom: 20px;
        padding-top: 0;
    }
    .awesome-feature .aw-left .awesome-icons, .awesome-feature .aw-right .awesome-icons {
        width: 20%;
    }
    .awesome-feature .aw-left .aw-content, .awesome-feature .aw-right .aw-content {
        width: 80%;
    }
    .awesome-feature .aw-left, .awesome-feature .aw-right {
        padding-right: 10px;
    }
    .awesome-feature .aw-right {
        padding-left: 10px;
        padding-right: 0;
        text-align: left;
    }
    .both-sidebar .left-sidbar-right, .both-sidebar #secondary-right, .both-sidebar #secondary-left, .both-sidebar #primary {
        float: none;
        width: 100%;
    }
    .portfolio-grid .portfolio-archive {
        width: 49%;
    }
    .price-table {
        width: 48% !important;
        margin-bottom: 2%;
        margin-top: 0 !important;
    }
    .pricing-table .table2 .title-price {
        padding-top: 40px;
    }
    .pricing-table .table2 .table-content ul {
        padding: 30px 18px;
    }
}
@media(max-width: 980px) {
    .search-icon {
        display: none;
    }
    .home #masthead {
        position: static;
        background: #ffffff;
    }
    #site-navigation.main-navigation {
        display: none;
    }
    #nav, .responsive-header {
        display: block;
    }
    #nav-open-btn.nav-btn {
        background: none repeat scroll 0 0 #0fc8ed;
        display: block;
        float: right;
        font: 0px/0 a;
        height: 40px;
        margin: 12px 0 10px;
        width: 36px;
    }
    #nav .close-btn {
        background: none repeat scroll 0 0 #0fc8ed;
        border: 1px solid #ffffff;
        border-radius: 100%;
        color: #ffffff;
        font-size: 14px;
        height: 24px;
        left: 10px;
        line-height: 22px;
        opacity: 1 !important;
        text-align: center;
        text-indent: 0;
        top: -40px;
        width: 25px;
    }
    .js-ready #nav {
        background: none repeat scroll 0 0 #0fc8ed;
        padding-top: 50px;
        overflow: scroll;
    }
    #nav ul {
        margin-left: 0;
    }
    #nav ul.sub-menu {
        text-indent: 20px;
    }
    #nav li a {
        position: relative;
        font-weight: 300;
        font-size: 14px;
    }
    #nav ul.sub-menu > li a:after {
        background: none;
    }
    #nav li a:focus, #nav li a:hover, #nav li.current-menu-item > a, #nav li.current-menu-ancestor > a {
        background: #0A87A1;
    }
    .widget_shopping_cart_content .button {
        padding: 2px 10px !important;
    }
    .csstransforms3d.csstransitions.js-nav .left_menu #inner-wrap {
    -webkit-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
    }
    .csstransforms3d.csstransitions.js-ready .left_menu #nav{
        width: 80%;
    }
    .menu-center .search-icon {
        display: none;
    }
    .horizontal .ap_tab_group .tab-title{
        margin: 0 10px;
    }
    .vertical .ap_tab_group{
        width: 24%;
    }
    .vertical .ap_tab_content {
        padding: 10px;
        width: 76%;
    }
    .blog-in-wrap iframe {
      height: 164px !important;
      width: 100%;
    }
    .music-fallback{
        width: 100%;
        height: 129px;
    }
    .music-fallback i{
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    #main-slider .caption-title {
        display: block;
        font-size: 38.78px;
        margin: 0 auto;
        width: 90%;
    }
    #main-slider .caption-description, #main-slider .small-caption {
        display: none;
    }
    .slider-wrapper .mid-content {
        text-align: center;
    }
    .service-block {
        margin-bottom: 5%;
        margin-left: 2%;
        min-height: 450px;
        width: 48%;
    }
    .service-block-wrapper {
        margin-left: -2%;
    }
    .price-table {
        float: none;
        margin: 0 auto 30px;
        padding: 40px 0;
        text-align: center;
        width: 80% !important;
    }
    .awesome-feature .aw-left, .awesome-feature .aw-right {
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .awesome-feature .aw-left .awesome-icons span, .awesome-feature .aw-right .awesome-icons span {
        float: none;
        margin: 0 auto;
    }
    .awesome-feature .aw-left .aw-content, .awesome-feature .aw-right .aw-content {
        float: none;
        text-align: center;
        width: 100%;
    }
    .awesome-feature .aw-left, .awesome-feature .aw-right {
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .awesome-feature .aw-left .awesome-icons, .awesome-feature .aw-right .awesome-icons {
        text-align: center;
        width: 100%;
    }
    .awesome-feature .aw-left:after, .awesome-feature .aw-right .awesome-icons span:after, .awesome-feature .aw-left .awesome-icons span:after {
        display: none;
    }
    #portfolio-grid .port-wrap {
        width: 50%;
    }
    .portfolio-listing.list #portfolio-grid .port-wrap {
        width: 100%;
    }
    .call-to-action {
        background-size: cover;
    }
    .team-block {
        display: inline-block;
        margin-left: 1%;
        width: 48%;
    }
    .our-team-member .team-name {
        text-align: center;
    }
    .team-image:hover .team-hover-icon {
        top: 40%;
    }
    .statcounters {
        width: 49%;
        margin-left: 0%;
    }
    .blog-in-wrap {
        float: none;
        margin: 0 auto 30px;
        width: 100%;
    }
    .blog-wrap {
        margin: 0;
    }
    .blog-title-comment {
        width: auto;
    }
    .blog-comment {
        margin-left: 15px;
    }
    .testimonial .tm-slider {
        font-size: 65%;
        line-height: 30px;
    }
    .copyright {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        width: 100%;
    }
    .ak_footer_social {
        line-height: 43px;
        text-align: center;
        float: none;
    }
    .copyright, .ak_footer_social {
        margin-bottom: 10px;
        padding: 0;
    }
    #bottom-footer {
        padding: 20px 0;
    }
    .ap-span1, .ap-span2, .ap-span3, .ap-span4, .ap-span5, .ap-span6,
    .span1, .span2, .span3, .span4, .span5, .span6 {
        width: 100%;
        margin: 0 0 15px;
    }
    .col {
        margin-left: 0;
    }
    .right-sidebar #primary, .right-sidebar #secondary-right, .left-sidebar #primary, .left-sidebar #secondary-right {
        width: 100%;
        float: none;
    }
    .footer-column-4 .footer-block {
        min-height: 210px;
        width: 48%;
    }
    .team-member-grid .team-image > img {
        width: 100%;
    }
    .team-member-grid .cat-event-list {
        border: medium none;
        float: left;
        margin-left: 1%;
        width: 49%;
    }
    .ak_header_social .social-icons {
        text-align: center;
    }
    .footer-cta .banner-btn {
        float: none;
        margin: 0 auto;
        width: 200px;
    }
    .footer-cta .banner-text {
        display: block;
        float: none;
        text-align: center;
        width: 100%;
    }
    .footer-cta .cta-banner .main-title, .footer-cta .cta-desc_simple, .cta-video-section-wrap .cta-video .cta-wrap-right .main-title, .cta-video-section-wrap .cta-video .cta-desc {
        text-align: center;
    }
    .cta-video-section-wrap .cta-video .cta-wrap-left {
        width: 100%;
        margin: 0;
        float: none;
    }
    .cta-video-section-wrap .cta-video .cta-wrap-right {
        float: none;
        text-align: center;
        width: 100%;
        margin-top: 15px;
    }
    .team-block-wrapper .team-designation {
        text-align: center;
    }
    .team-block-wrapper.type-list .team-designation {
        text-align: left;
    }
    .portfolio .portfolios {
        width: 50%;
    }
    .call-to-action-form .cta-content-wrap, .call-to-action-form .cta-form-wrap .cta-form {
        float: none;
        margin: 0 0 20px;
        width: 100%;
    }
    .call-to-action-form .cta-form-wrap {
        margin: 0;
    }
    .portfolio-listing .button-group li {
        padding: 5px 7px;
    }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        clear: none;
        float: left !important;
    }
    .ap-icon-text.style2 .ap-icon-text-icon{
        float: none;
    }
    .ap-icon-text.style2 .ap-icon-text-content-wrap{
        padding-left: 0;
    }
    .music-fallback i {
        font-size: 20vh;
    }
}
@media (max-width: 620px) {
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: 48%;
    }
    .blog-circular_image .blog-thumbnail, .blog-circular_alternative_image .blog-thumbnail, .alternate_wrap .blog-circular_alternative_image .blog-thumbnail, .alternate_wrap .blog-square_alternative_image .blog-thumbnail, .blog-square_image .blog-thumbnail, .blog-square_alternative_image .blog-thumbnail {
        float: none;
        margin: 15px auto;
        width: 270px;
    }
    .blog-exrecpt {
        text-align: center;
    }
    .meta-btn-wrap .bttn {
        float: none;
        margin: 15px auto;
        position: static;
    }
    .blog-title {
        text-align: center;
    }
    .blog-full .blog-title {
        text-align: left;
    }
    .portfolio-listing.grid #portfolio-grid .portfolios {
        width: 50%;
    }
    .portfolio-listing .button-group li {
        margin-bottom: 10px;
        padding: 5px 7px;
    }
    .portfolio-listing .button-group {
        text-align: center;
    }
    .team-block-wrapper.type-list .team-block .team-image,
    .team-block-wrapper.type-list .team-text-wrap{
        float: none;
        text-align: center;
        display: block;
        width: 100%;
    }
    .team-block-wrapper.type-list .team-block .team-image {
        float: none;
        margin: 0 auto 20px;
        width: 80%;
    }
    .team-block-wrapper.type-list .team-designation {
        text-align: center;
    }
    .ak-header-text {
        display: block;
        text-align: center;
    }
    .header-social {
        text-align: center;
    }
    .ak_header_social{
        float: none;
    }
    .staple-section::after {
        bottom: -20px;
        height: 40px;
        margin-left: -20px;
        width: 40px;
    }
    .staple-section {
        padding: 50px 0 !important;
        position: relative;
    }
}
@media (max-width: 480px) {
    #main-slider .caption-wrapper {
        margin-top: -60px;
    }
    #main-slider .caption-title, #main-slider .slider-content > p > span {
        display: block;
        font-size: 20.78px;
        line-height: 40px;
        margin: 0 auto;
        padding: 0;
        width: 90%;
    }
    #main-slider .bx-pager.bx-default-pager {
        bottom: 15px;
    }
    #main-slider .slider-btn {
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        margin-top: 15px;
        width: 110px;
    }
    .home-title {
        font-size: 27px;
        margin-bottom: 10px;
    }
    .home-description {
        color: #3d3d3d;
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 42px;
        text-align: center;
    }
    .about:before {
        display: none;
    }
    .service-block-wrapper {
        margin: 0;
    }
    .service-block {
        margin: 0 0 30px;
        width: 100%;
        min-height: inherit;
    }
    .our-services .service-icons {
        margin: 0 auto;
        width: 280px;
    }
    .price-table {
        width: 98% !important;
    }
    .price-table-wrapper {
        margin: 0;
    }
    #portfolio-grid .port-wrap {
        width: 100%;
    }
    .team-block {
        margin: 0 0 20px;
        width: 239px;
    }
    .home-title {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .statcounters {
        width: 100%;
    }
    .testimonial .tm-slider {
        font-size: 55%;
        line-height: 30px;
    }
    .portfolio-grid .portfolio-archive {
        float: none;
        margin: 0 auto 10px;
        text-align: center;
        width: 98%;
    }
    .nav-links .nav-previous, .nav-links .nav-next {
        display: block;
        float: none;
        margin: 0 0 10px;
        padding: 0;
        text-align: left;
        width: auto;
    }
    .portfolio-list .cat-portfolio-image {
        float: none;
        margin-bottom: 20px;
        width: 50%;
    }
    .portfolio-list .cat-portfolio-image {
        float: none;
        height: auto;
        margin-bottom: 20px;
        width: 100%;
    }
    .portfolio-list .cat-portfolio-content {
        float: none;
        width: 100%;
    }
    .footer-column-4 .footer-block {
        float: none;
        margin: 0 auto;
        min-height: inherit;
        text-align: center;
        width: 98%;
    }
    .team-member-grid .cat-event-list {
        border: medium none;
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 70%;
    }
    #nav li a {
        padding: 10px;
        font-size: 13px;
    }
    #nav .menu .left-toggle{
        height: 36px;
        width: 36px;
        line-height: 36px;
    }
    .tagline {
        display: none;
    }
    .site-branding h1 {
        font-size: 20px;
        padding-left: 10px;
        padding-top: 10px;
    }
    .portfolio .portfolios {
        width: 100%;
    }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: 100%;
        margin: 0 0 2%;
    }
    .woocommerce ul.products, .woocommerce-page ul.products {
        margin: 0;
    }
    .portfolio-listing.grid #portfolio-grid .portfolios {
        width: 100%;
    }
    .portfolio-listing.list .portfolio-image, .portfolio-listing.list .portfolio-content {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .portfolio-listing.list .portfolio-image{
        margin-bottom: 10px;
    }
    .responsive-form{
        width: 82%;
    }
    .responsive-form .search-field, 
    .responsive-form .search-field:focus, 
    .responsive-form .search-field:active{
        width: 69%;
    }
    .testimonial-inner-image {
        left: 50%;
        top: 0;
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 30%;
    }
    .tm-inner-wrapper {
        margin-left: 0;
        margin-top: 80px;
        padding-left: 20px;
        padding-top: 80px;
        text-align: center;
        width: 100%;
    }
    .team-img-right {
        float: none;
        margin: 0 auto 20px;
        overflow: hidden;
        width: 250px;
    }
    .team-content-right {
        text-align: center;
    }
    .top-info {
        display: block;
        margin: 0;
    }
    .left_menu #nav li a {
        font-size: 13px;
        padding: 0.85714em 10px;
    }
    .stat-counter-title{
        font-size: 26px;
    }
}