/*================================
    #RESPONSIVE CSS
====================================*/

@media screen and (min-width:992px) {
    /* custome */
    .trial{
        display: none !important;
     }
    }

    /* Tablet Layout: 768px.*/
    @media only screen and (min-width: 768px) and (max-width: 991px) {

    /* custome */
     .trial{
        display: none !important;
     }


      .breadcrumb-area .row::after {
          height: 600px;
          width: 600px;
      }

      .breadcrumb-area .row::before {
          height: 700px;
          width: 700px;
      }

      /* Banner */
      body, .banner-area, .banner-area div {
        height: auto;
      }

      .banner-area {
        overflow: inherit;
      }

      .banner-area .content,
      .banner-area .double-items {
        overflow: hidden;
        padding: 120px 0;
        text-align: center;
      }

      .banner-area.top-pad-80-desktop {
        padding-top: 0;
      }

      .banner-area .double-items {
        padding-top: 150px;
      }

      .banner-area.auto-height .content-box .thumb-inner img:nth-child(2) {
        top: auto;
        bottom: -50px;
        max-width: 300px;
      }

      .banner-area .double-items .thumb img {
        max-width: 60%;
        margin: 50px auto auto;
      }

      .banner-area .double-items .thumb.big-thumb img {
        max-width: 100%;
        margin: 50px auto auto;
      }

      .banner-area .button {
        justify-content: center;
      }

      .banner-area form {
        max-width: 80%;
        margin: 35px auto auto;
      }

      .banner-area.auto-height .content-box .thumb-inner {
        padding-right: 0;
      }

      .banner-area.auto-height .content-box .thumb-inner img:nth-child(2) {
        display: none;
      }

      /* About */
      .about-area .thumb {
        padding-right: 0;
        margin-left: 0;
      }

      .about-area .thumb img {
        width: 80%;
      }

      .about-area .thumb img:nth-child(2) {
        width: auto;
      }

      .about-area .about-items .info {
        padding-left: 15px;
        margin-top: 50px;
      }

      .about-area .about-items ul li:nth-child(2) {
        margin-left: 0;
      }

      .about-area .fixed-shape-left {
        display: none;
      }

      .about-area.inc-left-border {
        padding-bottom: 120px;
      }

      .about-area .about-content {
        text-align: center;
      }

      .about-area .about-content .thumbs {
        margin-bottom: 50px;
      }

      .about-area .about-content ul {
        justify-content: center;
      }

      .about-area .about-content ul::after {
        display: none;
      }

      .about-area .about-items .info.right-info {
        padding-left: 15px;
        padding-right: 15px;
        border-right: none;
        margin-top: 0;
      }

      .about-area .about-items .features-content {
        margin-top: 0;
        padding-left: 15px;
      }


      /* Choose Us area */

      .choose-us-area .thumb {
        margin-bottom: 50px;
        text-align: center;
      }

      .choose-us-area .thumb img {
        max-width: 80%;
      }


      /* Fun Factor */
      .fun-factor-area .fun-fact-items .item {
        padding-top: 50px;
      }

      .fun-factor-area .fun-fact-items .item:first-child,
      .fun-factor-area .fun-fact-items .item:nth-child(2) {
        padding-top: 0;
      }


      /* Clients Area */
      .clients-area {
      text-align: center;
      }

      .clients-area .achivement {
        display: inline-block;
        margin-bottom: 20px;
      }

      /* Software Details  */

      .software-single-details-area .single-item {
        margin-bottom: 80px;
      }

      .software-single-details-area .thumb img:nth-child(2) {
        display: none;
      }

      .software-single-details-area .thumb {
        margin: 0 !important;
        margin-bottom: 30px !important;
      }

      .software-single-details-area .thumb::after {
        display: none;
      }

      .software-single-details-area .info {
        padding: 0 !important;
      }



      /* Features */

      .features-area {
        text-align: center;
      }

      .features-area .features-box .left-content {
        padding-right: 15px;
        margin-bottom: 50px;
      }

      .features-area .features-box .item {
        display: block;
      }

      .features-area .features-box .item .icon {
        margin-right: 0;
        margin-bottom: 25px;
      }

      .features-area .features-box .single-item .item-inner {
        float: left;
        width: 50%;
        padding: 0 15px;
        margin-bottom: 0;
      }

      .features-area .features-box .single-item {
        margin: 0 -15px;
      }

      .features-area .feature-box .single-item .item {
        box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%);
      }

      /* Software Features */
      .softar-features-area .features-box {
        margin-top: -50px;
      }

      .softar-features-area .single-item {
        margin-top: 50px;
      }

      /* Overview */
      .overview-area .item .content h4 {
        justify-content: center;
      }

      .center-tabs .tab-content .info {
        padding-left: 15px;
        margin-top: 50px;
      }

      .overview-grid-area .single-item {
        margin-bottom: 50px;
      }

      .overview-grid-area .single-item .info {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 30px;
      }

      /* Process */
      .process-area .thumb {
        margin-bottom: 50px;
        text-align: center;
      }

      .process-area .thumb img {
        margin: auto;
        width: 80%;
      }

      .process-area .info {
        padding-left: 15px;
      }

      /* Testimonials */

      .testimonials-area {
        text-align: center;
      }

      .testimonials-area .thum {
        padding-left: 15px;
        margin-top: 30px;
        text-align: center;
      }

      .testimonials-area .thum img {
        max-width: 80%;
        margin: auto;
      }

      .testimonial-carousel .item {
        text-align: left;
        justify-content: center;
      }

      .testimonials-area .testimonial-items .testimonial-carousel .owl-nav {
        margin-bottom: 0;
      }

      /* Pricing */

      .pricing-area {
        padding-bottom: 90px;
      }

      .pricing-items {
        border: none;
      }

      .pricing-area .single-item {
        padding: 0 15px;
        margin-bottom: 30px;
      }

      .pricing-area .pricing-item {
        border: 1px solid #e7e7e7;
      }

      .pricing-area .single-item:nth-child(2) .pricing-item {
        border-color: #4ac4f3 !important;
      }


      /* Blog */
      .blog-area.left-sidebar .blog-content {
        float: none;
      }

      .blog-area .thumb .date {
        left: 30px;
        right: auto;
      }

      .blog-area .item .info {
        padding: 30px;
        padding-top: 50px;
      }

      .blog-area .blog-thin-colums .thumb {
        margin-bottom: 30px;
      }

      .blog-area.left-sidebar .sidebar,
      .blog-area.right-sidebar .sidebar {
        margin-top: 50px;
      }

      .blog-area .blog-items .blog-thin-colums .item {
        padding: 0;
        border: none;
      }

      .blog-area.right-sidebar .sidebar {
        padding-left: 15px;
      }

      .blog-area.left-sidebar .sidebar {
        padding-right: 15px;
      }

      .blog-area .item .thumb img {
        width: 100%;
      }

      /* Contact Area */

      .contact-area img{
        display: block;
        width: 30%;
        margin-bottom: 30px;
      }

      .contact-area .form-box {
      margin-top: 50px;
      }


      /* Footer */
      footer .f-items {
        padding-bottom: 70px;
      }

      footer .f-items .f-item.contact-widget::after {
        display: none;
      }

      footer .f-items .f-item.about {
        border-right: none;
        margin-right: 0;
      }

      footer .item {
        margin-bottom: 50px;
      }

      footer .footer-bottom {
        text-align: center;
      }

      .footer-bottom .link {
        text-align: center !important;
        margin-top: 10px;
      }

      footer .footer-bottom ul li {
        margin-left: 8px;
        margin-right: 8px;
      }


    }

    /* Mobile Layout: 320px. */
    @media only screen and (max-width: 767px) {


      .default-padding {
        padding-top: 50px;
        padding-bottom: 50px;
      }

      .default-padding.bottom-less {
        padding-bottom: 20px;
        padding-top: 50px;
      }

      .default-padding-bottom {
        padding-bottom: 50px;
      }

      .default-padding-top {
        padding-top: 50px;
      }

      .site-heading {
        margin-bottom: 40px;
      }

      .site-heading h2 {
        font-size: 36px;
      }

      .breadcrumb-area h1 {
        font-size: 36px;
      }

      .owl-carousel.owl-theme .owl-nav {
        display: none;
      }

      .breadcrumb-area {
        padding: 80px 0;
        position: relative;
      }

      .breadcrumb-area .breadcrumb {
        background: transparent;
        position: inherit;
        left: 0;
        bottom: 0;
        transform: inherit;
        box-shadow: inherit;
      }

      .breadcrumb-area .breadcrumb a,
      .breadcrumb-area .breadcrumb li {
        color: #ffffff;
      }

      .breadcrumb-area .breadcrumb li.active {
        color: #cccccc;
      }

      .breadcrumb-area .row::after,
      .breadcrumb-area .row::before {
          display: none;
      }

      /* Topbar */
      nav.navbar .quote-btn {
        display: none;
      }

      .attr-nav {
        display: none;
      }

      .navbar.navbar-fixed.transparent .attr-nav > ul > li.contact,
      .navbar .attr-nav.button {
        display: none;
      }

      .side {
        padding: 50px 50px 50px 35px;
        width: 320px;
      }

      .shape-left-bottom {
        bottom: inherit;
        top: 0;
      }

      /* Banner Area */
      body, .banner-area, .banner-area div {
        height: auto;
      }

      .banner-area .content,
      .banner-area .double-items {
        overflow: hidden;
        padding: 50px 0;
      }

      .banner-area.top-pad-80-desktop {
        padding-top: 0;
      }

      .banner-area {
        text-align: center;
        opacity: inherit;
      }

      .banner-area p {
        padding: 0 !important;
      }

      .banner-area .content-box h2,
      .banner-area h2 {
        font-size: 36px;
      }

      .banner-area.top-pad-80 .content-box {
        padding-top: 60px;
      }

      .banner-area.auto-height .content-box .thumb-inner img:nth-child(2) {
        display: none;
      }

      .banner-area.auto-height .content-box .thumb-inner {
        padding-right: 0;
        text-align: center;
        margin-bottom: 0;
        margin-top: 60px;
      }

      .banner-area .double-items {
        padding-top: 150px;
      }

      .banner-area .double-items .thumb img {
        max-width: 80%;
        margin: 50px auto auto;
      }

      .banner-area .button {
        justify-content: center;
      }

      .banner-area form {
        max-width: 90%;
        margin: 35px auto auto;
      }

      .banner-area.bg-half-dark::after {
        height: 150px;
      }

      /* About */

      .about-area .thumb {
        padding-right: 0;
        margin-bottom: 30px;
        margin-left: 0;
      }

      .about-area .thumb img:nth-child(2) {
        display: none;
      }

      .about-area .about-items .info {
        padding-left: 15px;
      }

      .about-area .about-items ul li:nth-child(2) {
        margin-left: 0;
      }

      .about-area .fixed-shape-left {
        display: none;
      }

      .about-area .about-content {
        text-align: center;
      }

      .about-area .about-content .thumbs {
        margin-bottom: 30px;
      }

      .about-area .about-content .thumbs img {
        max-width: 80%;
        margin: auto;
      }

      .about-area .about-content .info {
        padding-left: 15px;
        margi-top: 30px;
      }

      .about-area .about-content ul::after {
        display: none;
      }

      .about-area .about-content ul {
        margin-top: 0;
        justify-content: center;
      }

      .about-area.inc-left-border {
        padding-bottom: 50px;
      }

      .about-area .about-items .info.right-info {
        padding-left: 15px;
        padding-right: 15px;
        border-right: none;
        margin-top: 0;
      }

      .about-area .about-items .features-content {
        margin-top: 0;
        padding-left: 15px;
        text-align: center;
      }

      .team-area .fixed-shape {
        display: none;
      }


      /* Choose Us area */

      .choose-us-area.padding-bottom-extra {
        padding-bottom: 140px;
      }

      .choose-us-area .thumb {
        margin-bottom: 30px;
      }

      .choose-us-area .thumb::after,
      .choose-us-area .thumb::before {
        display: none;
      }

      .choose-us-area .info {
        padding-left: 15px;
      }

      .choose-us-area .info ul li {
        width: 100%;
      }

      /* Software Details  */
      .software-single-details-area {
        text-align: center;
      }

      .software-single-details-area .single-item {
        margin-bottom: 50px;
      }

      .software-single-details-area .thumb img:nth-child(2) {
        display: none;
      }

      .software-single-details-area .thumb {
        margin: 0 !important;
        margin-bottom: 30px !important;
      }

      .software-single-details-area .thumb::after {
        display: none;
      }

      .software-single-details-area .info {
        padding: 0 !important;
      }

      .software-single-details-area .info ul {
        margin: 0;
        margin-top: 30px;
      }

      .software-single-details-area .info ul li {
        float: none;
        width: 100%;
        margin-top: 30px;
      }

      .software-single-details-area .info ul li:first-child {
        margin-top: 0;
      }


      /* Fun Factor */
      .fun-factor-area .fun-fact-items {
        padding: 50px 0;
      }

      .fun-factor-area .fun-fact-items .item {
        border-right: none;
        margin-bottom: 50px;
      }

      .fun-factor-area .fun-fact-items .item:last-child {
        margin-bottom: 0;
      }

      /* Clients */
      .clients-area {
        text-align: center;
      }

      ul.achivement li {
        display: block;
        margin-right: 0;
        border-right: none;
        padding-right: 0;
        float: none;
        margin-bottom: 20px;
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 20px;
      }

      ul.achivement li .counter {
        justify-content: center;
      }

      ul.achivement li .medium {
        text-align: center;
        float: none;
      }

      .clients-area .right-info {
        margin-top: 30px;
      }

      .clients-area .partner-carousel,
      .clients-area .clients-carousel {
        margin-top: 30px;
      }

      .clients-area .partner-carousel::after {
        opacity: 0.3;
        display: none;
      }


      /* Features */

      .features-area {
        text-align: center;
      }

      .features-area .features-box .left-content {
        padding-right: 15px;
        margin-bottom: 30px;
      }

      .features-area .features-box .item {
        display: block;
      }

      .features-area .features-box .item .icon {
        margin-right: 0;
        margin-bottom: 25px;
      }


      /* Feature Version Two */
      .our-features-area {
        padding-bottom: 0;
      }

      .features-area .feature-box .single-item .item {
          box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%);
      }

      .features-area .feature-box {
          padding-bottom: 20px;
      }

      /* Features Three */
      .softar-features-area .single-item .item {
        text-align: center;
        padding: 0;
      }

      .softar-features-area .single-item {
          margin-top: 50px;
      }

      .softar-features-area .single-item:first-child {
          margin-top: 0;
      }

      .softar-features-area .features-box {
        margin: 0;
      }

      /* Newsletter Subscribe */

      .subscribe-area .subscribe-items {
        padding: 80px 30px;
        border-radius: 10px;
      }


      /* Overview */
      .overview-area::after {
        height: 200px;
      }

      .overview-area .item .content h4 {
        justify-content: center;
      }

      .overview-grid-area .single-item {
        margin-bottom: 50px;
      }

      .overview-grid-area .single-item .info {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 30px;
      }


      /* Tab Overview */

      .center-tabs .tab-content .info {
        padding-left: 15px;
        margin-top: 30px;
    }

    .center-tabs .nav-tabs {
      border: none;
      margin-bottom: 30px !important;
    }

    .center-tabs .nav-tabs li {
      display: block;
    }

    .center-tabs .nav-tabs li a {
        border: 1px solid #e7e7e7 !important;
        margin-bottom: 15px;
        padding: 15px;
        font-size: 16px;
    }

    .center-tabs .nav-tabs li a.active {
        border: 1px solid #4ac4f3 !important;
    }

    .center-tabs .nav-tabs li a.active::before,
    .center-tabs .nav-tabs li a.active::after {
      display: none;
    }


      /* Step */
      .process-area .thumb {
        margin-bottom: 30px;
      }

      .process-area .info {
        padding-left: 15px;
        text-align: center;
      }

      .process-area .info li {
        display: block;
      }

      .process-area .info li i {
        margin-right: 0;
        padding-bottom: 25px;
      }

      .process-area .info li::after {
        display: none;
      }

      .process-area .info li h4 span {
        display: none;
      }

      .process-area .info li h4 span::after {
        display: none;
      }

      /* Testimonials */
      .testimonials-area .testimonial-items {
        text-align: center;
      }

      .testimonial-carousel .item {
        display: block;
      }

      .testimonial-carousel .item .thumb {
        display: inline-block;
      }

      .testimonial-carousel .item .info {
        border-left: none;
        padding: 0;
        margin-top: 15px;
      }

      .testimonials-area .testimonial-items .testimonial-carousel .owl-nav {
        margin-top: 15px;
        text-align: center;
        top: 0;
        margin-bottom: 0;
        display: inline-block;
      }

      .testimonials-area .thum {
        padding-left: 15px;
        margin-top: 30px;
      }

      .testimonial-carousel .item .thumb {
        margin-right: 0;
      }

      .testimonials-area .thum img {
        max-width: 100%;
      }

      .testimonial-carousel .item .info span {
        padding-left: 0;
      }

      .testimonial-carousel .item .info span::after {
        display: none;
      }


      /* Pricing */

      .pricing-items {
        border: none;
      }

      .pricing-area .single-item {
        padding: 0;
        margin-bottom: 30px;
      }

      .pricing-area .single-item:last-child {
        margin-bottom: 0;
      }

      .pricing-area .pricing-item {
        border: 1px solid #e7e7e7;
      }

      .pricing-area .single-item:nth-child(2) .pricing-item {
        border-color: #4ac4f3 !important;
      }

      /* Portfolio */

      .projects-area .gallery-items.colums-2 .pf-item,
      .projects-area .gallery-items.colums-3 .pf-item,
      .projects-area .gallery-items.colums-4 .pf-item {
        width: 100%;
      }

      /* Blog */
      .blog-area .blog-thin-colums .thumb {
        margin-bottom: 30px;
      }

      .blog-area .thumb .date {
        left: 30px;
        right: auto;
      }

      .blog-area .item .info {
        padding: 30px;
        padding-top: 50px;
      }

      .blog-area .blog-items .footer-meta ul {
        border-top: none;
        padding-top: 0;
      }

      .blog-area .blog-items .footer-meta ul li:first-child {
        display: none;
      }

      .blog-area .pagi-area .pagination {
        display: block;
      }

      .blog-area .pagi-area .pagination li {
        display: inline-block;
        margin-top: 5px;
      }

      .blog-area .blog-content .post-tags,
      .blog-area .blog-content .share {
        display: block;
        text-align: center;
        padding: 20px 0;
        padding-bottom: 15px;
      }

      .blog-area .blog-content .share .social {
        margin-top: 10px;
      }

      .blog-area.left-sidebar .blog-content {
        float: none;
      }

      .blog-area .sidebar .sidebar-item.add-banner .sidebar-info {
        padding: 50px 30px;
      }

      .blog-area.left-sidebar .sidebar,
      .blog-area.right-sidebar .sidebar {
        margin-top: 50px;
        overflow: hidden;
      }

      .blog-area.right-sidebar .sidebar {
        padding-left: 15px;
      }

      .blog-area.left-sidebar .sidebar {
        padding-right: 15px;
      }

      .blog-area.single .post-pagi-area {
        text-align: center;
      }

      .blog-area.single .post-pagi-area a {
        margin: 5px;
      }

      .blog-area.single .post-pagi-area a:last-child {
        float: none;
      }

      .comments-list .commen-item.reply {
        margin-left: 0;
      }

      .comments-list .commen-item .content,
      .comments-list .commen-item .avatar {
        display: block;
        text-align: center;
      }

      .comments-list .commen-item .content {
        width: 100%;
        margin-top: 30px;
      }

      .comments-list .commen-item .content h3,
      .comments-list .commen-item .content h4,
      .comments-list .commen-item .content h5 {
        display: block;
      }

      .comments-list .commen-item .content .reply {
        margin-top: 15px;
      }

      .blog-area .comments-area {
        text-align: center;
      }

      .comments-list .commen-item .content::after {
        position: absolute;
        left: 50%;
        top: -30px;
        content: "";
        border-bottom: 15px solid #edf5ff;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        margin-left: -15px;
      }

      .comments-list .commen-item .avatar {
        float: none;
        height: 80px;
        width: 80px;
        margin: auto;
      }

      .comments-list .commen-item .content .title {
        display: block;
        margin-top: 20px;
        margin-bottom: 10px;
      }

      .comments-list .commen-item .content .title span {
        margin: 0;
        padding: 0;
        border: none;
        display: block;
        margin-top: 15px;
      }

      .comments-list .commen-item {
        margin-bottom: 50px;
        display: block;
      }

      .blog-area .contact-comments .comments {
        margin: 0;
      }

      .comments-list .commen-item:last-child {
        margin-bottom: 0;
        border: none;
      }

      .blog-area .comments-form {
        margin-top: 50px;
      }

      .comments-info a {
        position: inherit;
      }

      .comments-list .commen-item .content p {
        margin-bottom: 15px;
      }


      /* Contact Area */

      .contact-area .form-box {
        margin-top: 35px;
      }

      .contact-area .info ul li {
        float: none;
        padding-right: 0;
        border-right: none;
        margin-right: 0;
        margin-bottom: 30px;
      }

      .contact-area .info ul li:last-child {
        margin-bottom: 0;
      }

      /* Footer */
      footer .f-items {
        padding-bottom: 0;
      }

      footer .f-items .f-item.contact-widget::after {
        display: none;
      }

      footer .f-items .f-item.about {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
      }

      footer .item {
        margin-bottom: 50px;
      }

      footer .f-items .f-item .address li:last-child {
        margin-bottom: 0px;
    }

      footer .footer-bottom {
        text-align: center;
        /* margin: 80px; */
      }

      .footer-bottom .link {
        text-align: center !important;
        margin-top: 10px;
      }

      footer .footer-bottom ul li {
        margin-left: 8px;
        margin-right: 8px;
      }


    }

    /* Max Wide Mobile Layout: 600px. */
    @media only screen and (min-width: 600px) and (max-width: 767px) {

      /* Portfolio */
      .projects-area .gallery-items.colums-2 .pf-item,
      .projects-area .gallery-items.colums-3 .pf-item,
      .projects-area .gallery-items.colums-4 .pf-item {
        width: 50%;
      }

      /* custome */
     .trial{
        display: none !important;
     }

      /* Contact Area */

      .contact-area img{
        display: block;
        width: 30%;
        margin-bottom: 30px;
      }
    }




    /* Wide Mobile Layout: 480px. */
    @media only screen and (min-width: 480px) and (max-width: 767px) {


      .side {
        padding: 50px;
        width: 400px;
      }

      .attr-nav {
        display: inline-block;
      }

      /* Clients */
      .clients-area .achivement {
        display: inline-block;
      }

      ul.achivement li {
        display: inline-block;
        margin-right: 40px;
        margin-bottom: 0;
        padding-bottom: 0;
        border-right: 1px solid #cccccc;
        border-bottom: none;
        padding-right: 40px;
        float: left;
      }

      /* Process */
      .process-area .info li p {
        padding: 0 15%;
      }

      /* Blog */

      .blog-area .comments-area {
        text-align: left;
      }

      .comments-list .commen-item {
        display: flex;
      }

      .comments-list .commen-item .content {
        width: auto;
        margin-top: 0;
        margin-left: 15px;
        text-align: left;
      }

      .comments-list .commen-item .avatar {
        float: none;
        height: 80px;
        width: 80px;
        margin: inherit;
        text-align: left;
      }

      .comments-list .commen-item .content .title {
        margin-top: 0;
      }

      .comments-list .commen-item .content {
        padding-left: 25px;
      }

      .comments-list .commen-item .content .title {
        margin-top: 0;
      }

      .comments-list .commen-item .content h3,
      .comments-list .commen-item .content h4,
      .comments-list .commen-item .content h5 {
        display: flex;
      }

      .comments-list .commen-item .content .reply {
        margin-top: 0;
      }

      .comments-list .commen-item .content::after {
        position: absolute;
        left: -14px;
        top: 30px;
        content: "";
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #edf5ff;
      }

      .blog-area.single .post-pagi-area {
        text-align: inherit;
      }

      .blog-area.single .post-pagi-area a:last-child {
        float: right;
      }
    }

    @media screen and (max-width: 991px) {

      /* global reset - start */
      .order-last {
        order: 0;
      }
    }

    /* Custom layout. */
    @media only screen and (max-width: 400px) {

    }

    /* Custom Layout */
    @media only screen and (max-width: 480px) {

      .subscribe-area .subscribe-items {
        padding: 80px 15px;
      }

      .subscribe-area form button {
        position: inherit;
        right: 0;
        top: 0;
        height: 60px;
        background: #ffffff;
        color: #4ac4f3;
        width: 100%;
        margin-top: 15px;
      }

      .banner-area .button {
        display: block;
      }

      .banner-area .button .video-btn {
        display: none;
      }

      .about-area .about-content ul {
        display: block;
      }

      .about-area .about-content ul li {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
        display: block;
        text-align: center;
        margin-bottom: 30px;
      }

      .about-area .about-content ul li i {
        margin-right: 0;
        margin-bottom: 20px;
      }

      /* contact */

      .contact-area img{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        margin-bottom: 30px;
      }

    .contact-area .info h4, h2, p{
        text-align: center;
    }


    }