/*
Template:  The Corps - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Version: 2.0
Design and Developed by: potenzaglobalsolutions.com

*/


/*****************
================================================
 (  Media Queries  )
================================================
 *******************/


/*************************
       1700px
*************************/
@media (max-width: 1700px) {

  /*home-2*/
  .portfolio-2 .portfolio-info {
    overflow: hidden;
  }

  .portfolio-2 .portfolio-item .portfolio-overlay span {
    font-size: 15px;
  }

  /*home-3*/
  .feature-9 {
    min-height: 280px;
  }

  /*home-4  */
  .our-blog .blog-box-image {
    max-height: 286px;
  }

  .our-blog .blog-box-info {
    max-height: 286px;
  }

  .parallax-banner .layer:nth-child(4) img {
    width: 40%;
  }

}

@media (max-width: 1500px) {

  /*home-4  */
  .our-blog .blog-box-image {
    max-height: 262px;
  }

  .our-blog .blog-box-info {
    max-height: 262px;
  }

  .blog-box-image .portfolio-caption .port-tag li a {
    font-size: 12px;
  }

  .custom-content-3.hello-content {
    overflow: hidden;
  }

  .slider-fade-carousel {
    height: 100%;
  }

  .tree-image {
    display: none;
  }

  .objects-left {
    display: none;
  }

  .objects-right {
    display: none;
  }

  .our-service {
    padding-bottom: 180px;
  }

  .mega-menu .drop-down.grid-col-5 {
    width: 51.666667%;
  }

}

@media (max-width: 1400px) {

  /*home-1*/
  .rev-slider a.button.button-white span {
    padding: 8px 10px !important;
  }

  .rev-slider a.button span {
    padding: 8px 10px !important;
  }

  /*home-2*/
  .portfolio-2 .portfolio-info p {
    display: none;
  }

  .portfolio-2 .portfolio-info .button-border-white {
    margin-top: 20px;
    display: block;
  }

  .portfolio-2 .portfolio-item .portfolio-overlay p {
    bottom: 11%;
  }

  .portfolio-2 .portfolio-item .portfolio-overlay span a {
    font-size: 13px;
  }

  .portfolio-2 .portfolio-item .portfolio-overlay a {
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    margin-left: 6px;
  }

  .portfolio-2 .portfolio-item .portfolio-overlay a.link {
    display: none;
  }

  .awesome-features-device img {
    left: -250px;
    top: 100px;
    width: 63%;
  }

  /*home-3*/
  .feature-9 {
    min-height: 305px;
  }

  .feature-9:hover .feature-9-icon {
    right: 32%;
  }

  /*portfolio*/
  .portfolio-3 .portfolio-item .portfolio-overlay span a {
    font-size: 13px;
  }

  .rev-slider-2 a.button.button-black span {
    padding: 8px 10px !important;
  }

  .rev-slider-2 a.button span {
    padding: 8px 10px !important;
  }

  .rev-slider-3 a.button.button-black span {
    padding: 8px 10px !important;
  }

  .rev-slider-3 a.button span {
    padding: 8px 10px !important;
  }

  /*home-4  */
  .our-blog .blog-box-image {
    max-height: 240px;
  }

  .our-blog .blog-box-info {
    max-height: 240px;
  }

  .our-blog .blog-box-info p.pb-20.pt-30 {
    padding: 10px 0 !important;
  }

  .custom-content-3.hello-content .custom-content-3-image img {
    margin-top: 150px;
    vertical-align: bottom;
    width: 100%;
  }

  .our-blog .blog-box-info span.text-white {
    display: none;
  }

  /*contact*/
  .contact-3-info .contact-add {
    text-align: center;
  }

  .contact-3-info .contact-add i {
    float: none;
    text-align: center;
    display: block;
    margin: 0 auto;
  }

  .contact-3-info .contact-add p {
    display: block;
    margin-top: 15px;
  }

  /*home-9*/
  .image-holder-2-bg {
    height: 700px;
  }

}

@media (max-width: 1272px) {

  /*home-1*/
  .footer .footer-useful-link {
    margin-top: 30px;
  }

  /*home-2*/
  /*our portfolio*/
  .portfolio-2 .portfolio-info h3 {
    font-size: 20px;
  }

  .owl-carousel-8 .owl-nav .owl-prev {
    left: 36%;
  }

  .portfolio-2 .portfolio-item .portfolio-overlay span a {
    font-size: 12px;
  }

  .portfolio-2 .portfolio-item:hover img {
    transform: translate3d(0px, -62px, 0px);
    -webkit-transform: translate3d(0px, -62px, 0px);
    -o-transform: translate3d(0px, -62px, 0px);
    -ms-transform: translate3d(0px, -62px, 0px);
    -moz-transform: translate3d(0px, -62px, 0px);
  }

  /*home-3*/
  /*header*/
  .language {
    float: left;
  }

  .top-news .owl-carousel-14 {
    width: 210px;
  }

  .top-news {
    width: 320px;
  }

  .feature-9 {
    min-height: 328px;
  }

  .feature-9:hover .feature-9-icon {
    right: 23%;
  }

  /*portfolio*/
  .portfolio-3 .portfolio-item .portfolio-overlay span a {
    font-size: 12px;
  }

  .portfolio-3 .portfolio-item .portfolio-overlay a {
    font-size: 12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
  }

  .portfolio-3 .portfolio-item .portfolio-overlay a i {
    font-size: 12px;
    padding-left: 0px;
  }

  .portfolio-3 .portfolio-item:hover img {
    transform: translate3d(0px, -70px, 0px);
    -webkit-transform: translate3d(0px, -70px, 0px);
    -o-transform: translate3d(0px, -70px, 0px);
    -ms-transform: translate3d(0px, -70px, 0px);
    -moz-transform: translate3d(0px, -70px, 0px);
  }

  .portfolio-3 .portfolio-item .portfolio-overlay p {
    padding: 0 10px;
  }

  /*custom-content*/
  .why-custom.custom-content p {
    display: none;
  }

  .action-box-3 .action-box-button.mt-40 {
    margin-top: 25px !important;
  }

  .feature-9-title-2-right h2 {
    font-size: 32px;
  }

  .contact-5 .contact-form .section-field input {
    width: 100%;
  }

  /*home-4*/
  /*slider*/
  .header-4 .mega-menu .menu-links>li:last-child {
    padding-right: 58px;
    border-bottom: 0px;
  }

  .header-4 .mega-menu img {
    height: 40px;
    margin: 6px 0px;
  }

  .header-4 .mega-menu .menu-links>li>a {
    padding: 0 10px;
  }

  .slider-fade-carousel .slider-contents h1 {
    line-height: 70px;
  }

  .slider-fade-carousel .slider-contents span.textslider {
    line-height: 70px;
  }

  .custom-content-3.hello-content .custom-content-3-image img {
    margin-top: 260px;
  }

  .happy-clients .tab-2 ul.nav-tabs li a {
    margin: 0 16px 0 0;
  }

  .happy-clients .tab-2 ul.nav-tabs li a img {
    width: 106px;
  }

  .news-letter .section-field input {
    width: 70%;
  }

  .our-blog .blog-box-image {
    max-height: 185px;
  }

  .our-blog .blog-box-info {
    max-height: 185px;
  }

  .our-blog .blog-box-image .portfolio-caption .port-tag li {
    margin-top: 0px;
  }

  .our-blog .blog-box-image .portfolio-caption .button-border span {
    margin-top: 10px;
    padding: 4px 10px;
    font-size: 11px;
  }

  .our-blog .blog-box-info a.button.button-white span {
    padding: 6px 16px;
  }

  .our-blog .blog-box-info a.button.button-white i {
    padding: 11px;
  }

  .our-blog .blog-box-info h1 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0;
  }

  .our-blog .blog-box-info p {
    font-size: 14px;
  }

  .our-blog .blog-box-info {
    padding: 15px 20px;
  }

  /*home-5*/
  .team-3 .team-social-icon a i {
    font-size: 12px;
    height: 30px;
    line-height: 31px;
    width: 30px;
  }

  /*about-1 page*/
  .our-history .history-content {
    padding: 125px 20px;
  }

  /*about me*/
  .about-me .maintenance-progress-bar .progress-bar {
    margin: 0 15px;
  }

  /*blog-grid-2-column*/
  .blog-grid .blog-entry-audio {
    padding: 107px 20px;
  }

  /*blog timeline*/
  .blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge {
    left: -50px;
  }

  /*error*/
  .error-search-box {
    width: 91%;
  }

  .entry-title h4 {
    line-height: 30px;
  }

  .entry-title i {
    line-height: 28px;
  }

  .service-page-tab #tabs .tabs li {
    font-size: 13px;
    padding: 10px;
  }

  /*home-6*/
  #animated-slider .slider-content h1 {
    font-size: 50px;
  }

  .custom-content-5 .skills-2 li {
    margin-right: 50px;
  }

  .custom-content-6 .left-slide {
    padding: 127px 30px;
  }

  /*home-7*/
  #animated-slider-2 .slider-content h1 {
    font-size: 50px;
    line-height: 70px;
  }

  .feature-16 .feature-16-contant h4 {
    font-size: 20px;
  }

  /*home-8*/
  .image-holder-content .content {
    padding: 0px 70px;
  }

  .custom-content-8 #tabs {
    padding: 0px 70px;
  }

  /*home-10*/
  .parallax-banner .layer:nth-child(1) img {
    width: 70%;
  }

  .parallax-banner .layer:nth-child(2) img {
    width: 70%;
  }

  .parallax-banner .layer:nth-child(5) img {
    width: 70%;
  }

  .parallax-banner .layer:nth-child(6) img {
    width: 70%;
  }

  .parallax-banner .banner-content {
    padding: 0 15%;
  }

  .mega-menu .drop-down.grid-col-5 {
    width: 61.666667%;
  }


}

@media (max-width: 1025px) {

  /*home -1*/
  .footer-useful-link {
    margin-top: 30px;
  }

  /*home-2*/
  .move-carousel .slider-contents.slide-1 h1 {
    line-height: 55px;
  }

  .move-carousel .slider-contents.slide-1 span.textslider {
    line-height: 55px;
  }

  /*our portfolio*/
  .portfolio-2 .portfolio-item .portfolio-overlay a {
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    margin-left: 6px;
  }

  .portfolio-2 .portfolio-item .portfolio-overlay i {
    padding-left: 0;
  }

  .portfolio-2 .portfolio-item:hover img {
    transform: translate3d(0px, -55px, 0px);
    -webkit-transform: translate3d(0px, -55px, 0px);
    -o-transform: translate3d(0px, -55px, 0px);
    -ms-transform: translate3d(0px, -55px, 0px);
    -moz-transform: translate3d(0px, -55px, 0px);
  }

  /*home-3*/
  .why-custom.custom-content li {
    line-height: 22px;
  }

  .portfolio-3 .portfolio-item .portfolio-overlay p {
    padding: 0 8px;
  }

  /*feature-9*/
  .feature-9:hover .feature-9-icon {
    right: 10%;
  }

  /*home-4*/
  .header-4 .mega-menu .menu-links>li:last-child {
    padding-right: 12px;
  }

  .header-4 .mega-menu .menu-links>li>a {
    padding: 0 7px;
  }

  .happy-clients .tab-2 ul.nav-tabs li a {
    margin: 0 13px 0 0;
  }

  .happy-clients .tab-2 ul.nav-tabs li a img {
    width: 107px;
  }

  /*footer*/
  .footer-4 .office-hours {
    margin-bottom: 40px;
  }

  .footer-4 .footer-useful-link {
    margin-top: 10px;
  }

  /* ----------  inner page ------------ */
  .entry-quote p {
    font-size: 16px;
    line-height: 28px;
  }

  .entry-quote {
    padding: 20px;
  }

  /*blog-grid-2-column-left-sidebar*/
  .blog-grid-3-column .blog-entry-audio {
    padding: 61px 20px 88px;
  }

  /*blog timeline*/
  .blog .timeline>li>.timeline-badge {
    right: -66px;
  }

  .blog .timeline>li.timeline-inverted>.timeline-badge {
    left: -63px;
  }

  /*careers*/
  .careers-from h3 {
    font-size: 26px;
  }

  /*contact*/
  .get-in-touch.mt-100 {
    margin-top: 50px !important;
  }

  /*error*/
  .error-search-box {
    width: 100%;
    text-align: center;
  }

  /*faq*/
  .faq-form h3 {
    font-size: 22px;
  }

  /*service*/
  .service-1 .tab-1 li {
    margin-right: 5px;
  }

  .features13 {
    padding-bottom: 30px;
  }

  .team .team-social-icon a i {
    margin: 0px;
  }

  .our-blog .blog-box h4 {
    line-height: 30px;
  }

  /*home-6*/
  .header-6 .mega-menu .menu-links>li>a i.fa.fa-indicator {
    padding-left: 0px;
  }

  .header-6 .mega-menu .menu-links>li>a {
    padding: 0 10px;
  }

  /*home-7*/
  #animated-slider-2 .slider-content h1 {
    font-size: 40px;
    line-height: 60px;
  }

}

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .container {
    width: 96%;
  }

}

@media(max-width:992px) {
  h3 {
    font-size: 22px;
  }

  /*home-1*/
  /*header*/
  .header {
    padding: 0;
  }

  .topbar {
    display: block;
    position: relative;
    height: 0;
  }

  .topbar-left {
    display: none;
  }

  .topbar-right ul li {
    display: none;
  }

  .topbar-right ul li:last-child {
    display: block;
    position: absolute;
    right: 50px;
    top: 22px;
    z-index: 99999;
  }

  .search-open {
    padding: 2px 10px 10px 20px;
    background: #000;
  }

  .search-open input {
    font-size: 25px;
  }

  /*menu*/
  .mega-menu .menu-links {
    margin-top: 10px;
  }

  .mega-menu .menu-logo>li>a {
    padding: 0;
  }

  .mega-menu>section.menu-list-items {
    padding: 10px 0;
  }

  .mega-menu img {
    height: 40px;
    margin: 5px 0;
  }

  .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
    color: #323232;
  }

  .mega-menu .drop-down-multilevel li:hover>a i.fa {
    color: #323232;
  }

  .mega-menu .drop-down-multilevel a {
    display: block;
  }

  .mega-menu .mobileTriggerButton {
    z-index: 1;
  }

  .mega-menu .drop-down-multilevel,
  .mega-menu .drop-down,
  .mega-menu .drop-down-tab-bar {
    border-top: 0px !important;
  }

  /*slider*/
  .rev-slider a.button.button-white i {
    padding: 5px !important;
  }

  .rev-slider a.button i {
    padding: 5px !important;
  }

  /*special-feature*/
  .special-feature .feature {
    margin-bottom: 30px;
  }

  /*awesome-features*/
  .awesome-features .feature-mob {
    display: none;
  }

  /*.about*/
  .about img.right-block {
    display: none;
  }

  /*who-we-are-right*/
  .who-we-are .who-we-are-right h3 {
    margin-top: 30px;
  }

  /*counter-info*/
  .main-counter h5 {
    margin-bottom: 30px;
  }

  /*video-background*/
  #video-background {
    height: 600px;
  }

  #video-background .jqbar {
    margin: 30px 0 0;
  }

  .our-skills {
    padding: 80px 0 60px;
  }

  .footer-instagram.footer-hedding {
    margin-top: 20px;
  }

  /*owl-carousel-2*/
  .owl-carousel-2 .owl-item img {
    width: 100%;
  }

  .footer-gallery {
    margin-top: 20px;
  }

  /*home-2*/
  /*menu*/
  .header-2 .mega-menu .menu-links>li>a {
    line-height: inherit;
  }

  .header-2 .mega-menu img {
    margin: 15px 0;
  }

  .header-2 .mega-menu .menu-mobile-collapse-trigger {
    top: 15px;
    width: 40px;
  }

  .header-2 .mega-menu {
    min-height: 70px;
  }

  .header-2 .mega-menu .menu-links {
    margin-top: 1px;
  }

  .header-2 .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
    color: #323232;
  }

  .header-2 .mega-menu .menu-links {
    padding-right: 0px;
  }

  /*search*/
  .search-2 {
    right: 60px;
  }

  .search-2 a {
    padding: 25px 0 21px 10px;
  }

  .search-2-open {
    height: 68px;
  }

  .search-2-open input {
    height: 46px;
    font-size: 22px;
  }

  .search-2-open .search-2-close {
    right: 0px;
    top: 15px;
  }

  /*slider*/
  .move-carousel .slider-contents.slide-3 h1 {
    line-height: 60px;
  }

  /*key-features*/
  .key-features-device {
    display: none;
  }

  /*portfolio-2*/
  .portfolio-2 .portfolio-info {
    display: none;
  }

  .portfolio-2 .portfolio-item .portfolio-overlay span a {
    width: inherit;
    background: inherit;
    height: inherit;
    font-size: 15px;
    color: #fff;
    float: left;
    display: inline-block;
    text-align: left;
  }

  .portfolio-2 .portfolio-item .portfolio-overlay span a:hover {
    background: none;
    color: #00a9da;
  }

  .cpapproduct option:nth-child(1) {
    display: block;

  }

  .portfolio-2 .portfolio-item .portfolio-overlay a {
    background: #fff;
    border-radius: 50%;
    color: #363636;
    display: inline-block;
    font-size: 15px;
    height: 35px;
    width: 35px;
    line-height: 36px;
    text-align: center;
    margin-left: 10px;
    float: right;
  }

  .portfolio-2 .portfolio-item .portfolio-overlay i {
    padding-left: 2px;
  }

  .portfolio-2 .portfolio-item .portfolio-overlay a:hover {
    background: #00a9da;
    color: #fff;
  }

  .portfolio-2 .portfolio-item .portfolio-overlay p {
    text-transform: none;
    font-size: 16px;
    opacity: 0;
    color: #fff;
    padding: 0 20px;
    margin: 0;
    display: inline-block;
    left: 0;
    position: absolute;
    text-align: center;
    bottom: 8%;
    transform: translateY(-50%);
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 22px, 0);
    transform: translate3d(0, 22px, 0);
  }

  .portfolio-2 .portfolio-item:hover img {
    -webkit-transform: translate3d(0, -80px, 0);
    -moz-transform: translate3d(0, -70px, 0);
    -ms-transform: translate3d(0, -70px, 0);
    -o-transform: translate3d(0, -70px, 0);
    transform: translate3d(0, -70px, 0);
  }

  .portfolio-2 .portfolio-item:hover .portfolio-overlay p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .portfolio-2 .portfolio-item .portfolio-overlay p {
    bottom: 16px;
  }

  .awesome-features-device img {
    display: none;
  }

  /*owl-carousel-8*/
  .owl-carousel-8 .owl-nav .owl-next {
    background: #323232;
    right: 50%;
  }

  .owl-carousel-8 .owl-nav .owl-prev {
    background: #323232;
    left: 50.5%;
  }

  .owl-carousel-8 .owl-nav i:hover {
    color: #00a9da;
  }

  /*team*/
  .team-2 .team-2-box {
    margin-bottom: 30px;
  }

  /*work-process*/
  .work-process .feature6 {
    margin-bottom: 30px;
  }

  /*service*/
  .service-image-holder {
    height: 296px;
  }

  .contact.contact-2 #contactform {
    margin-bottom: 50px;
  }

  /*home-3*/
  /*menu*/
  .header-3 .mega-menu img {
    margin: 12px 0px;
  }

  .header-3 .mega-menu .menu-mobile-collapse-trigger::before,
  .header-3 .mega-menu .menu-mobile-collapse-trigger::after,
  .header-3 .mega-menu .menu-mobile-collapse-trigger span {
    background: #323232;
  }

  .header-3 .mega-menu .menu-mobile-collapse-trigger {
    top: 22px;
  }

  .header-3 .mega-menu .menu-links>li>a {
    line-height: 38px;
  }

  .header-3 .mega-menu .menu-logo {
    padding: 0;
  }

  .header-3 .mega-menu .menu-mobile-collapse-trigger {
    top: 12px;
  }

  .header-3 .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
    color: #323232;
  }

  .search-3 {
    padding: 32px 0 20px;
    float: none;
    width: 100%;
    text-align: right;
    position: relative;
  }

  .search-3 .search-btn {
    line-height: 0;
    width: 34px;
    position: absolute;
    right: 0;
  }

  .search-3.search-3-open .search-3-box {
    top: 45px !important;
  }

  .search-3-box {
    width: 100%;
    padding: 15px 15px 15px 10px;
  }

  .header-3 .mega-menu {
    min-height: 65px;
  }

  .header-3 .topbar {
    display: none;
  }

  /*custom-content*/
  .why-custom.custom-content {
    padding-bottom: 60px;
  }

  .why-custom.custom-content img.women {
    display: none;
  }

  .why-custom.custom-content li {
    line-height: 25px;
  }

  .counter-main h5 {
    margin-bottom: 30px;
  }

  .rev-slider a.button.button-white i {
    padding: 5px !important;
  }

  .rev-slider a.button i {
    padding: 5px !important;
  }

  /*portfolio*/
  .portfolio-3 .portfolio-item .portfolio-overlay a.link {
    display: none;
  }

  .portfolio-3 .portfolio-item .portfolio-overlay p {
    padding: 0 5px;
  }

  .portfolio-3 .portfolio .portfolio-item .portfolio-overlay a i {
    font-size: 10px;
    padding-left: 0;
  }

  .portfolio-3 .portfolio-item .portfolio-overlay a {
    margin-left: 5px;
  }

  .portfolio-3 .portfolio-item:hover img {
    transform: translate3d(0px, -50px, 0px);
    -webkit-transform: translate3d(0px, -50px, 0px);
    -ms-transform: translate3d(0px, -50px, 0px);
    -o-transform: translate3d(0px, -50px, 0px);
    -moz-transform: translate3d(0px, -50px, 0px);
  }

  .portfolio-3 .full-screen .portfolio-item .portfolio-overlay {
    top: -8px;
  }

  /*pricing*/
  .pricing-2 .pricing-table.active {
    margin-bottom: 12px;
  }

  /*feature-9*/
  .feature-9 {
    min-height: 248px;
  }

  .feature-9:hover .feature-9-icon {
    right: 60%;
  }

  /*contact-form*/
  .contact-3 .contact-form .section-field input {
    width: 100%;
    margin-right: 0;
  }

  .footer-3 .tags {
    margin-top: 30px;
  }

  .footer-3 .footer-widget p {
    font-size: 12px;
  }

  /*home-4*/
  .header-4 {
    padding: 0;
  }

  .header-4 .mega-menu .menu-links>li>a {
    padding: 10px;
  }

  .header-4 .mega-menu .menu-links {
    margin-top: 10px;
    padding: 10px;
    background: #fff;
    float: none;
  }

  .header-4 .mega-menu>section.menu-list-items {
    padding: 15px 0;
  }

  .header-4 .search-3 .search-btn {
    color: #323232;
  }

  .header-4 .mega-menu .menu-links>li:last-child {
    padding-right: 12px;
  }

  .header-4 .search-3 .search-btn {
    line-height: 3px;
  }

  .header-4 .search-3.search-3-open .search-3-box {
    margin-left: 0;
    top: 37px !important;
  }

  .header-4 .search-3 .search-3-box {
    padding: 10px 10px 20px 10px;
  }

  .header-4 .search-3.search-3-open i {
    right: 23px;
    top: 26px;
  }

  .header-4 #menu-toggle {
    display: none;
  }

  .header-4 #menu {
    display: none;
  }

  /*slider*/
  .slider-fade-carousel {
    height: inherit;
    overflow: inherit;
  }

  .slider-fade-carousel .owl-carousel .owl-item img {
    width: 100%;
  }

  .slider-fade-carousel .slider-contents.slide-1 h1 {
    font-size: 38px;
    line-height: 50px;
  }

  .slider-fade-carousel .slider-contents.slide-1 span.textslider {
    font-size: 38px;
    line-height: 50px;
  }

  .slider-fade-carousel .slider-contents.slide-2 h1 {
    font-size: 38px;
    line-height: 50px;
  }

  .slider-fade-carousel .slider-contents.slide-3 h1 {
    font-size: 38px;
    line-height: 50px;
  }

  .creativity h1 {
    font-size: 45px;
  }

  .custom-content-3.hello-content {
    padding-bottom: 80px;
  }

  .custom-content-3.hello-content .custom-content-3-image img {
    display: none;
  }

  #video-background.video-content {
    height: 400px;
  }

  .video-content .video-bg h1 {
    font-size: 42px;
  }

  /*our-clients */
  .happy-clients .tab-2 ul.nav-tabs li a img {
    width: 69px;
  }

  .happy-clients .tab-2 ul.nav-tabs li a {
    margin: 0 14px 0 0;
  }

  .owl-custom .owl-carousel-12.owl-carousel.owl-theme.owl-loaded {
    height: 390px;
  }

  .owl-custom .owl-carousel-12.owl-carousel.owl-theme .item img {
    display: none;
  }

  .our-blog .blog-box-image img {
    max-height: inherit;
  }

  .news-letter .section-field input {
    width: 82%;
  }

  .custom-content-3.hello-content .custom-content-3-info {
    margin-bottom: 20px;
  }

  /*home-5*/
  .header-5 {
    padding: 15px 20px 0;
  }

  .header-5 .mega-menu .menu-links>li {
    line-height: 40px;
  }

  .header-5 .mega-menu .drop-down-multilevel a {
    padding: 5px 20px;
  }

  .header-5 .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
    color: #323232;
  }

  .header-5 .logo img {
    height: 40px;
  }

  .header-5 #menu:before {
    background: none;
  }

  .header-5 #menu {
    background: none;
    padding: 40px 0;
    width: 100%;
    left: -1000px;
  }

  .header-5 #menu-toggle {
    top: 0px;
  }

  .header-5 .mega-menu .menu-links>li>a {
    padding: 10px 15px;
  }

  .header-5 .mega-menu .drop-down a,
  .header-5 .mega-menu .drop-down-tab-bar a {
    padding: 0px;
  }

  .rev-slider-3 a.button.button-white i {
    padding: 5px !important;
  }

  .rev-slider-3 a.button i {
    padding: 5px !important;
  }

  .built-tab {
    margin-top: 30px;
  }

  .built-tab #tabs .tabs {
    margin: 0 auto;
  }

  .built-tab ul.tabs {
    margin: 0 auto;
    float: none;
  }

  .team-3 .team-social-icon a i {
    font-size: 14px;
    height: 40px;
    line-height: 41px;
    width: 40px;
  }

  .why-choose-us .custom-content {
    margin-bottom: 30px;
  }

  /*about */
  .header-5 .logo img {
    height: 40px;
  }

  .about .feature-11 {
    margin-bottom: 20px;
  }

  .search-4 {
    margin: 1px 0px;
  }

  .search-4 {
    width: 216px;
  }

  .search-4 input {
    width: 216px;
  }

  /*contact*/
  .contact-6 .feature-8 {
    text-align: center;
  }

  .contact-6 .feature-8-title {
    display: inline-block;
    float: none;
    text-align: center;
    margin-bottom: 20px;
  }

  /*footer*/
  .footer-5 .footer-flickr {
    margin-top: 20px;
  }

  .footer-5 .footer-Newsletter {
    margin-top: 20px;
  }

  /*about-1 page*/
  .who-we-are-left .owl-carousel-2 {
    margin-top: 40px;
  }

  /*about-3 page*/
  .about .js-video {
    margin-top: 30px;
  }

  .testimonial-info p {
    padding: 40px 0 20px;
  }

  /*about me page*/
  .about.about-me img.mike-images {
    display: none;
  }

  .about-me .maintenance-progress-bar .progress-bar {
    margin: 0 25px 80px;
  }

  .about-me .maintenance-progress-bar .progress-bar:nth-child(3) {
    margin-bottom: 0px;
  }

  .about-me .maintenance-progress-bar .progress-bar:nth-child(4) {
    margin-bottom: 0px;
  }

  /*slide bar*/
  .sidebar-widget .recent-post-image img {
    height: 50px;
    width: 50px;
  }

  /*blog full width*/
  .share .share-button {
    font-size: 14px;
    padding: 9px 12px;
  }

  .share ul {
    padding: 4px 11px;
    right: 14px;
    width: 130px;
  }

  .share ul li a {
    padding: 3px 4px;
  }

  .blog a.button span {
    font-size: 13px;
    padding: 9px 18px;
  }

  .blog a.button i {
    font-size: 16px;
    width: 42px;
    padding: 11px;
  }

  .blog.blog-grid-3-column .blog-entry-audio {
    padding: 61px 20px 68px;
  }

  a.button-small {
    margin-right: 0;
  }

  .share.small ul li a {
    padding: 4px 3px;
  }

  .share.small ul {
    width: 120px;
    padding: 3px 10px;
  }

  .masonry.columns-3 .masonry-item {
    padding: 5px;
    width: 50%;
  }

  .blog.blog-single .blog-entry.entry-content img {
    margin-bottom: 20px;
  }

  .blog.blog-single .port-post-info p {
    display: inline-block;
  }

  /*blog timeline*/
  .blog .timeline>li>.timeline-badge {
    right: -55px;
  }

  .blog .timeline>li.timeline-inverted>.timeline-badge {
    left: -55px;
  }

  .blog.timeline-sidebar .timeline::before {
    left: 36px;
  }

  .careers-from .button-border span:hover {
    box-shadow: -800px 0 0 #00a9da inset;
  }

  .careers-from {
    margin-top: 50px;
  }

  /*coming soon*/
  .coming-soon-form input {
    width: 72%;
  }

  /*contact*/
  .contact.contact-2 a.button {
    margin-bottom: 30px;
  }

  .contact-3 .contact-3-info {
    height: auto;
  }

  .contact-3 .contact-map iframe {
    height: 400px;
  }

  .error-block {
    background-size: 90%;
  }

  .error-block p {
    font-size: 26px;
  }

  .error-search-box p {
    font-size: 19px;
    line-height: 35px;
  }

  /*faq*/
  .faq .tab-1 {
    margin-bottom: 50px;
  }

  /*maintenance*/
  .maintenance-main h1.mb-50 {
    font-size: 34px;
    margin-bottom: 10px !important;
  }

  .maintenance-main i {
    font-size: 60px;
  }

  .maintenance-main p {
    font-size: 20px;
  }

  .maintenance-form {
    width: 100%;
  }

  .maintenance-progress-bar span {
    font-size: 24px;
  }

  /*portfolio*/
  .portfolio-sidebar.portfolio-block.columns-3 .grid-item {
    width: 50%;
  }

  .portfolio-fullwidth.portfolio-block.columns-4 .grid-item {
    width: 50%;
  }

  .portfolio-sidebar.portfolio-block.columns-4 .grid-item {
    width: 50%;
  }

  .full-screen.columns-3 .grid-item {
    width: 50%;
  }

  .full-screen.columns-4 .grid-item {
    width: 50%;
  }

  .full-screen.columns-5 .grid-item {
    width: 50%;
  }

  .masonry .grid-sizer,
  .masonry.columns-3 .masonry-item {
    width: 50%;
  }

  .masonry .grid-sizer,
  .masonry.columns-4 .masonry-item {
    width: 50%;
  }

  .masonry.full-screen .masonry-item {
    width: 50%;
  }

  .packetry .item {
    width: 50%;
  }

  .packetry .portfolio-item .portfolio-caption a {
    font-size: 12px;
    height: 20px;
    width: 20px;
    line-height: 20px;
  }

  .packetry .portfolio-item .portfolio-overlay a i {
    font-size: 13px;
  }

  .packetry .portfolio-item .portfolio-overlay ul.port-tag {
    margin-bottom: 0px;
  }

  /*portfoli single*/
  .single-portfolio-post .who-we-are-left .owl-carousel-2 {
    margin-top: 0px;
  }

  /*service*/
  .service .feature-4,
  .service-1 .feature-4 {
    margin-bottom: 30px;
  }

  .service-page-tab #tabs {
    margin-bottom: 30px;
  }

  .service-1 .pricing-table.active {
    margin-top: 20px;
  }

  .pricing .container .row [class*="col-"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .premium-features img {
    display: none;
  }

  .premium-features {
    margin-bottom: 70px;
  }

  .service .feature-11 {
    margin-bottom: 30px;
  }

  .service-3 .features13 {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .our-team .team {
    margin-bottom: 30px;
  }

  .coming-soon-2 .logo img {
    height: 40px;
  }

  .our-activities .skills-2 li:last-child {
    margin-bottom: 55px;
  }

  .our-blog .blog-box {
    margin-bottom: 30px;
  }

  /*action-box*/
  .action-box {
    text-align: center;
  }

  .action-box .action-box-button {
    text-align: center;
  }

  /*action-box*/
  .action-box-2 {
    text-align: center;
  }

  .action-box-2 .action-box-button {
    text-align: center;
    margin-top: 20px !important;
  }

  .action-box-3 {
    text-align: center;
  }

  .action-box-3 .text-right.action-box-button {
    text-align: center;
  }

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

  .footer-widget-social {
    text-align: center;
    margin-top: 20px;
  }


  /*home--6*/
  .header-6 {
    position: relative;
    padding: 0px;
  }

  .header-6 .mega-menu>section.menu-list-items {
    float: none;
  }

  .header-6 .menu-list-items .container-fluid {
    padding: 0 20px;
  }

  .header-6 .mega-menu .menu-mobile-collapse-trigger:before,
  .header-6 .mega-menu .menu-mobile-collapse-trigger:after,
  .header-6 .mega-menu .menu-mobile-collapse-trigger span {
    background: #00a9da;
  }

  .header-6 .mega-menu .menu-mobile-collapse-trigger {
    top: 4px;
  }

  .header-6 .mega-menu .menu-links>li>a {
    padding: 10px;
  }

  .header-6 .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
    color: #323232;
  }

  .header-6 .mega-menu .menu-links>li:last-child>a {
    display: none;
  }

  .header-6 .login-1 {
    display: none;
  }

  .header-6 .mega-menu .menu-links>li:last-child {
    margin: 0px;
    border-bottom: 0px;
  }

  .header-6 .mega-menu .menu-links>li.search {
    border-bottom: 0px;
    margin: 0px;
  }

  .header-6 .search-3.search-3-open .search-3-box {
    top: 34px !important;
  }

  .header-6 .search-3 {
    margin: 0px;
  }

  #animated-slider .slider-content h1 {
    font-size: 30px;
    line-height: 50px;
  }

  #animated-slider .slider-content p {
    padding: 0 30px;
  }

  #animated-slider .slider-content {
    top: 50%;
  }

  #animated-slider .slider-content a.button span {
    padding: 6px 16px;
    font-size: 12px;
  }

  #animated-slider .slider-content a.button.button-black span {
    padding: 6px 16px;
    font-size: 12px;
  }

  .custom-content-5 .section-title-1 p {
    font-size: 22px;
    padding: 0px;
  }

  .custom-content-5 img {
    display: none;
  }

  .feature-15 .feature-15-content h4 {
    font-size: 20px;
  }

  .portfolio-4 .columns-3 .grid-item {
    width: 50%;
  }

  .custom-content-6 .left-slide {
    padding: 95px 30px;
  }

  .team-4-main .team-4 {
    margin: 20px 0;
  }

  .custom-content-7 p {
    padding: 0px;
  }

  .custom-content-7.page-section-ptb {
    padding-top: 0px;
  }

  .footer-4 .footer-flickr {
    margin-top: 20px;
  }

  .footer-4 .footer-Newsletter {
    margin-top: 20px;
  }

  .footer-4 .recent-post {
    margin-bottom: 50px;
  }

  .custom-content-5 .skills-2 li:last-child {
    margin-bottom: 20px;
  }

  /*home-7*/
  #animated-slider-2 .slider-content h1 {
    font-size: 30px;
    line-height: 45px;
  }

  #animated-slider-2 .slider-content p {
    font-size: 14px;
  }

  .header-7 .mega-menu .menu-links>li>a {
    padding: 10px 30px;
    color: #fff;
  }

  .header-7 .mega-menu .menu-links {
    background: transparent;
    margin-top: 20px;
  }

  .header-7 .mega-menu .menu-links>li {
    border-bottom: 0px;
  }

  .header-7 .mega-menu .menu-links>li.active a {
    color: #00a9da;
  }

  .header-7 .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
    color: #323232;
  }

  /*feature-16*/
  .feature-16 {
    padding: 0px;
  }

  .key-features-2 .features-device {
    display: none;
  }

  .key-features-2 {
    padding-bottom: 60px;
  }

  .footer-4 .tags {
    margin-top: 30px;
  }

  .key-features-2 .feature-10 {
    margin-bottom: 30px;
  }

  /*home-8*/
  .header-8 .mega-menu .menu-logo {
    padding: 13px 0px;
  }

  .header-8 .mega-menu .menu-mobile-collapse-trigger {
    top: 18px;
  }

  .header-8 .mega-menu .menu-links>li>a {
    padding: 10px 13px;
  }

  .header-8 .search-3 .search-btn {
    color: #626262;
    line-height: 0px;
  }

  .header-8 .search-3.search-3-open .search-3-box {
    top: 37px !important;
  }

  .header-8 .mega-menu .menu-links>li:last-child {
    border-bottom: 0px;
  }

  .image-holder-bg {
    height: 500px;
  }

  .image-holder-content .content {
    padding: 0px 30px;
  }

  .image-holder .image-holder-content h2 {
    font-size: 35px;
  }

  .custom-content-8 #tabs {
    padding: 0px;
  }

  .custom-content-8 #tabs .tabs li {
    padding: 10px 20px;
  }

  .custom-content-9 h2 {
    font-size: 26px;
  }

  .section-title-3 p {
    padding: 0px;
  }

  /*home-9*/
  .header-9 .mega-menu .menu-logo {
    padding: 13px 0px;
  }

  .header-9 .mega-menu .menu-mobile-collapse-trigger {
    top: 18px;
  }

  .header-9 .mega-menu .menu-links>li>a {
    padding: 10px 13px;
  }

  .header-9 .mega-menu .menu-mobile-collapse-trigger:before,
  .header-9 .mega-menu .menu-mobile-collapse-trigger:after,
  .header-9 .mega-menu .menu-mobile-collapse-trigger span {
    background: #323232;
  }

  .image-holder-2-bg {
    height: 500px;
  }

  .experience h1 {
    font-size: 130px;
    line-height: 230px;
  }

  .testimonial-9 .item {
    padding: 0 100px;
  }

  .feature-20 {
    padding: 10px 0;
  }

  /*home-10*/
  .header-10 .header {
    position: relative;
  }

  .header-10 .mega-menu .menu-logo {
    padding: 6px 0px;
  }

  .header-10 .mega-menu .menu-mobile-collapse-trigger:before,
  .header-10 .mega-menu .menu-mobile-collapse-trigger:after,
  .header-10 .mega-menu .menu-mobile-collapse-trigger span {
    background: #323232;
  }

  .header-10 .mega-menu .menu-mobile-collapse-trigger {
    top: 11px;
  }

  .header-10 .mega-menu .menu-links>li>a {
    padding: 10px 13px;
  }

  .header-10 .search-3 .search-btn {
    color: #626262;
    line-height: 0px;
  }

  .header-10 .search-3.search-3-open .search-3-box {
    top: 37px !important;
  }

  .header-10 .mega-menu .menu-links>li:last-child {
    border-bottom: 0px;
  }

  .parallax-banner .banner-content {
    padding: 0 5%;
  }

  .parallax-banner .layer:nth-child(1) img {
    width: 50%;
  }

  .parallax-banner .layer:nth-child(2) img {
    width: 50%;
  }

  .parallax-banner .layer:nth-child(4) img {
    width: 40%;
  }

  .parallax-banner .layer:nth-child(5) {
    right: -330px;
  }

  .parallax-banner .layer:nth-child(5) img {
    width: 50%;
  }

  .parallax-banner .layer:nth-child(6) {
    right: 0px;
  }

  .parallax-banner .layer:nth-child(6) img {
    width: 50%;
  }

  .testimonial-4 .item {
    padding: 0 50px;
  }

  .highlights-phone {
    width: 50%;
  }

  .mobile-slider .row {
    width: 26.777777%;
    padding-top: 0 !important;
    padding-bottom: 0px !important;
  }

  .footer-8 .get-in-touch {
    margin-bottom: 30px;
  }

  .footer-8 .office-hours {
    margin-bottom: 30px;
  }

  .footer-8 .footer-useful-link {
    margin-top: 0px;
  }

  .contact-4 .contact-social ul li {
    margin-bottom: 10px;
  }

}

@media(max-width:767px) {
  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 26px;
  }

  /*h3 { font-size: 30px; }
h4 { font-size: 30px; }
h5 { font-size: 30px; }*/
  .page-section-ptb {
    padding: 55px 0;
    /*padding: 50px 0; */
  }

  .page-section-pt {
    padding: 50px 0 0;
  }

  .page-section-pb {
    padding: 0 0 50px;
  }

  .section-title-1 {
    margin-bottom: 40px;
  }

  .section-title-1 p {
    font-size: 16px;
  }

  .section-title-1 .title-line::before {
    width: 180px;
  }

  /*home-1*/
  /*slider*/
  .rev-slider a.button.button-white span {
    padding: 3px 6px !important;
  }

  .rev-slider a.button span {
    padding: 2px 6px !important;
  }

  .rev-slider-3 a.button.button-white span {
    padding: 5px !important;
  }

  .rev-slider-3 a.button span {
    padding: 2px 6px !important;
  }

  /*portfolio*/
  .snap-scrolling-example .portfolio .portfolio-item {
    width: 370px;
  }

  /*video bg*/
  #video-background {
    height: 1060px;
  }

  /*custom content*/
  .about .custom-content-2 h1 {
    font-size: 30px;
    overflow: hidden;
  }

  .about .custom-content-2 strong {
    font-size: 22px;
  }

  /*testimonial*/
  .testimonial-info p {
    padding: 40px 10px 20px;
  }

  /*footer */
  .footer-logo img {
    width: 35%;
  }

  .footer .recent-post {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .footer .footer-instagram {
    margin-top: 30px;
  }

  .footer-2 .recent-post {
    margin: 40px 0px;
  }

  /*home-2*/
  /*move slider*/
  .move-carousel .slider-contents h1 {
    font-size: 26px;
    line-height: 40px;
  }

  .move-carousel .slider-contents span.textslider {
    font-size: 26px;
    line-height: 40px;
  }

  .move-carousel .slider-contents p {
    font-weight: 400;
  }

  .move-carousel .slider-contents.slide-1 h1 {
    line-height: 40px;
  }

  .move-carousel .slider-contents.slide-1 span.textslider {
    line-height: 40px;
  }

  .move-carousel .slider-contents.slide-2 h1 {
    line-height: 40px;
  }

  .move-carousel .slider-contents.slide-3 h1 {
    line-height: 40px;
  }

  .move-carousel .slider-contents a.button-border span {
    font-size: 13px;
    padding: 7px 15px;
  }

  /*move slider*/
  .move-carousel .slider-contents h1 {
    font-size: 30px;
  }

  .move-carousel .slider-contents span.textslider {
    font-size: 30px;
  }

  /*team*/
  .team-2 .team-2-box img {
    width: 100%;
  }

  .work-process.page-section-ptb {
    padding: 50px 20px;
  }

  /*action-box-2*/
  .action-box-2 p {
    margin-bottom: 20px;
    display: block;
  }

  /*home-3*/
  .container-fluid.fluid-padd {
    padding: 0 15px;
  }

  /*slider*/
  .rev-slider-2 a.button.button-black span {
    padding: 3px 6px !important;
  }

  .rev-slider-2 a.button span {
    padding: 2px 6px !important;
  }

  /*feature*/
  .feature-8-main .feature-8 {
    padding: 60px 0 40px;
  }

  /*custom-content*/
  .why-custom.custom-content img {
    display: none;
  }

  /*portfolio*/
  .portfolio-3 .full-screen.columns-5 .grid-item {
    padding: 0;
    width: 50%;
  }

  .portfolio-3 .portfolio-item .portfolio-overlay a.link {
    display: block;
  }

  .portfolio-3 .portfolio-item .portfolio-overlay p {
    padding: 0 20px;
  }

  .portfolio-3 .portfolio-item .portfolio-overlay span a {
    font-size: 16px;
  }

  .portfolio-3 .portfolio-item .portfolio-overlay a {
    font-size: 15px;
    height: 35px;
    width: 35px;
    line-height: 36px;
    text-align: center;
    margin-left: 10px;
    margin-right: 0;
  }

  .portfolio-3 .portfolio-item .portfolio-overlay a i {
    font-size: 16px;
    padding-left: 0;
  }

  .portfolio-3 .portfolio-item:hover img {
    -webkit-transform: translate3d(0, -80px, 0);
    -ms-transform: translate3d(0, -80px, 0);
    -o-transform: translate3d(0, -80px, 0);
    -moz-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
  }

  .portfolio-3 .full-screen .portfolio-item .portfolio-overlay {
    top: -19px;
  }

  .portfolio-3 .portfolio-item {
    width: 100%;
  }

  /*pricing*/
  .pricing-2 .pricing-table.active {
    margin-top: 20px;
  }

  /*footer*/
  .footer-3 .footer-widget p {
    font-size: 16px;
  }

  .footer-3 .recent-post {
    margin-top: 30px;
  }

  /*slider*/
  .slider-fade-carousel .slider-contents.slide-1 h1 {
    font-size: 28px;
    line-height: 30px;
  }

  .slider-fade-carousel .slider-contents.slide-1 span.textslider {
    font-size: 28px;
    line-height: 30px;
  }

  .slider-fade-carousel .slider-contents.slide-2 h1 {
    font-size: 28px;
    line-height: 30px;
  }

  .slider-fade-carousel .slider-contents.slide-3 h1 {
    font-size: 28px;
    line-height: 30px;
  }

  .slider-fade-carousel .owl-carousel-1 .slider-contents {
    top: 56%;
  }

  .slider-fade-carousel .slider-contents p {
    font-size: 16px;
  }

  a.button.button span {
    padding: 10px 14px;
    font-size: 13px;
  }

  a.button.button i {
    font-size: 16px;
    padding: 11px;
  }

  .happy-clients .tab-2 ul.nav-tabs li a {
    margin: 0 14px 20px 7px;
  }

  .happy-clients .tab-2 ul.nav-tabs li a img {
    width: 138px;
  }

  .creativity h1 {
    font-size: 37px;
    line-height: 50px;
  }

  #video-background.video-content {
    height: 350px;
  }

  .social-full li a {
    height: 60px;
    font-size: 20px;
    line-height: 60px;
  }

  .our-blog .blog-box-info {
    max-height: 293px;
  }

  .news-letter .section-field input {
    width: 80%;
  }

  .footer-4 .footer-widget {
    text-align: center;
  }

  .footer-4 .footer-widget .text-right {
    text-align: center;
  }

  .footer-4 .office-hours {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .footer-4 .footer-useful-link {
    margin-top: 20px;
  }

  /*home-5*/
  /*menu*/
  .header-5 .logo img {
    height: 40px;
  }

  .header-5 #menu:before {
    background: none;
  }

  .header-5 #menu {
    background: none;
    padding: 40px 0;
    width: 100%;
    left: -1000px;
  }

  .search-4 {
    width: 150px;
  }

  .search-4 input {
    width: 150px;
  }

  .header-5 #menu-toggle {
    top: 0px;
  }

  .search-4 a {
    line-height: 21px;
    font-size: 15px;
  }

  .header-5 .mega-menu .menu-links>li>a {
    padding: 10px 15px;
  }

  .about .feature-11 .feature-11-info h4::before {
    left: 45%;
  }

  .custom-portfolio .portfolio-text-box {
    background: #f6f7f9;
    padding: 60px 25px;
  }

  .awesome-features {
    display: none;
  }

  .contact .feature-8 {
    margin: 20px 0;
  }

  .contact .feature-8-info {
    display: block;
    text-align: center;
  }

  .contact-5 h2 {
    margin-top: 50px;
  }

  .contact-6 .feature-8 {
    margin: 20px 0;
  }

  .contact-6 .feature-8-info {
    display: block;
    text-align: center;
  }

  .contact-6 .feature-8-title {
    margin-right: 0px;
  }

  .key-features .feature-10 {
    margin-bottom: 30px;
  }

  /*about-1 page*/
  .our-history .history-content {
    padding: 125px 30px;
  }

  /*about-2 page*/
  .about .feature-3 {
    margin-bottom: 30px;
  }

  /*our-history .timeline*/
  .our-history .timeline {
    overflow: hidden;
  }

  .our-history .timeline>li>.timeline-panel {
    width: 100%;
    text-align: left;
    padding: 10px 20px 20px 130px;
  }

  .our-history ul.timeline>li {
    left: none;
    clear: none;
  }

  .our-history .timeline::before {
    left: 40px;
  }

  .our-history .timeline>li>.timeline-badge {
    left: 40px;
  }

  .our-history .timeline>li>.timeline-panel::before {
    left: 60px;
  }

  .our-history .timeline .timeline-arrow {
    left: 32px;
    text-align: left;
  }

  .our-history .timeline>li.timeline-inverted>.timeline-panel::before {
    left: 58px;
  }

  /*about-me page*/
  .about-me .contact-me {
    margin-top: 20px;
  }

  /*slidebar*/
  .sidebar-widget .widget-archives {
    margin-bottom: 40px;
  }

  .sidebar-widget .widget-search {
    margin-top: 40px;
  }

  /* blog timeline */
  .blog ul.timeline:before {
    left: 40px;
  }

  .blog ul.timeline>li {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    float: left;
    clear: left;
  }

  .blog ul.timeline>li>.timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }

  .blog ul.timeline>li>.timeline-badge {
    left: 12px;
    margin-left: 0;
    top: 16px;
  }

  .blog ul.timeline>li>.timeline-panel {
    float: right;
  }

  .blog ul.timeline>li>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

  .blog ul.timeline>li>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }

  .blog .timeline>li.timeline-inverted {
    float: left;
    clear: left;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .blog .timeline>li.timeline-inverted>.timeline-badge {
    left: 12px;
  }

  .blog .timeline-panel img {
    width: 100%;
  }

  .blog .timeline li.entry-date-bottom {
    text-align: left;
  }

  .blog .timeline li.entry-date-bottom a {
    font-size: 13px;
    padding: 8px 10px;
  }

  .blog .timeline li.entry-date {
    text-align: left;
  }

  .blog .timeline li.entry-date span {
    font-size: 13px;
    padding: 8px 10px;
  }

  .blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge {
    left: 9px;
  }

  .blog .timeline>li:nth-child(2) {
    margin-top: 0;
  }

  .blog .timeline>li.timeline-inverted {
    margin-top: 10px;
  }

  .blog.timeline-sidebar .timeline>li.timeline-inverted {
    margin-bottom: 20px;
  }

  .blog.timeline-sidebar .timeline>li.timeline-inverted:nth-child(2) {
    margin-bottom: 0px;
  }

  .blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li {
    width: 100%;
  }

  /* Coming soon page */
  .coming-soon-main i {
    font-size: 70px;
  }

  .coming-soon-countdown ul.countdown li span {
    font-size: 60px;
  }

  .coming-soon-countdown ul.countdown li p {
    font-size: 16px;
  }

  .coming-soon-main p {
    font-size: 18px;
    line-height: 26px;
  }

  .coming-soon-main h1 {
    font-size: 42px;
    margin-bottom: 20px;
  }

  .coming-soon-form input {
    width: 67%;
  }

  /*contact */
  .contact .contact-box {
    margin-bottom: 20px;
  }

  .contact .feature-3 {
    margin-bottom: 20px;
  }

  .contact-3-info {
    padding: 40px 20px;
  }

  .footer-5 .recent-post {
    margin-top: 30px;
    margin-bottom: 50px;
  }

  /*error*/
  .error-search-box input {
    width: 73%;
  }

  .error-block p {
    font-size: 20px;
  }

  .error-block h1 {
    font-size: 80px;
  }

  .error-404-2 .error-block h1 {
    font-size: 290px;
  }

  /*faq*/
  .faq .nav-tabs li {
    float: none;
    overflow: hidden;
  }

  .faq a.button-border span:hover {
    box-shadow: -800px 0 0 #00a9da inset;
  }

  .maintenance-progress-bar .progress-bar {
    display: block;
    margin: 0 auto 90px;
  }

  .maintenance-progress-bar {
    margin: 30px 0 60px;
  }

  .maintenance-form input {
    width: 70%;
  }

  .maintenance-main p {
    font-size: 18px;
  }

  /*portfolio-classic*/
  .portfolio-classic .grid-item h3 {
    margin-top: 20px;
  }

  .portfolio-block .grid-item {
    margin-bottom: 15px;
  }

  .portfolio-fullwidth.portfolio-block.columns-3 .grid-item {
    width: 50%;
  }

  .packetry .item {
    width: 100% !important;
  }

  /*packetry*/
  .packetry .portfolio-item .portfolio-overlay a {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
  }

  /*portfoli single*/
  .single-portfolio-post .who-we-are-left .owl-carousel-2 {
    margin-bottom: 30px;
  }

  .single-portfolio-post.post-2 .who-we-are-left .owl-carousel-2 {
    margin-bottom: 0px;
  }

  .single-portfolio-post.post-2 .port-info {
    margin-top: 30px;
  }

  /*service*/
  .like-what img {
    display: none;
  }

  .service-3 {
    margin: 0 auto;
    width: 60%;
  }

  .service-3 img {
    margin: 20px 0;
  }

  .service-3 .features13 {
    padding-top: 0px;
  }

  .features13.left b {
    top: 43px;
  }

  .our-team .team .team-images img {
    width: 100%;
  }

  .custom-content-4 {
    margin-top: 20px;
  }

  /*home-6*/
  .custom-content-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .our-services .feature-15 {
    margin-bottom: 30px;
  }

  .our-services .row.mt-30 {
    margin-top: 0px !important;
  }

  .custom-content-6 .right-slide img {
    width: 100%;
    margin-bottom: 15px;
  }

  .custom-content-6 .left-slide {
    padding: 50px 20px;
  }

  .team-4-main .team-4 {
    margin: 40px 0px;
  }

  /*home-7*/
  .header-7 {
    padding: 10px 10px;
    position: relative;
    background: #323232;
  }

  .header-7 .logo img {
    height: 40px;
  }

  .header-7 #menu-icon {
    right: 12px;
    top: -3px;
  }

  #animated-slider-2 .slider-content h1 {
    font-size: 20px;
    line-height: 30px;
  }

  #animated-slider-2 .slider-content p {
    font-size: 13px;
  }

  #animated-slider-2 .slider-content {
    top: 50%;
  }

  .our-service .row {
    margin-top: 0px !important;
  }

  .our-service .feature-16 {
    margin-bottom: 30px;
  }

  .our-service.page-section-ptb {
    padding-bottom: 130px;
  }

  .work-process-2 .feature-17 {
    margin-bottom: 40px;
  }

  .key-features-2 {
    margin-bottom: 60px;
  }

  .key-features-2 .row.mt-40 {
    margin-top: 0px !important;
  }

  .contact-4 .contact-form {
    margin-bottom: 40px;
  }

  .footer-4 .office-hours {
    margin-top: 30px;
  }

  .footer-4 .footer-widget .text-right {
    text-align: center;
  }

  .feature-18 {
    margin-bottom: 30px;
  }

  .bg-15.page-section-ptb .row {
    margin-top: 0px !important;
  }

  /*home-8*/
  .image-holder .image-holder-content h2 {
    font-size: 30px;
  }

  .custom-content-9 .feature-19 {
    margin-bottom: 30px;
  }

  .testimonial-3 .item {
    padding: 0px;
  }

  /*home-9*/
  .image-holder-2 .image-holder-2-content span {
    margin-bottom: 20px;
  }

  .image-holder-2 .image-holder-2-content h1 {
    font-size: 40px;
    margin-bottom: 10px;
    line-height: 40px;
  }

  #typer h2 {
    font-size: 22px;
  }

  .our-services .feature-20 {
    margin: 30px;
    padding: 20px;
  }

  .our-services .row.mt-30 {
    margin-top: 0px !important;
  }

  .testimonial-4 .item {
    padding: 0px;
  }

  .footer-7 .footer-about p {
    padding: 0px;
  }

  /*home-10*/
  .custom-content-11-info {
    padding: 0px;
  }

  .mobile-slider .row {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  .left-row .highlight-title {
    text-align: center;
  }

  .right-row .highlight-title {
    text-align: center;
  }

  .highlights-phone {
    width: 100%;
    margin-top: 30px;
  }

  .testimonial-5 .row {
    margin-top: 0px !important;
  }

  .testimonial-5 .testimonial-block {
    margin-bottom: 40px;
  }

  .footer-8 .footer-useful-link {
    margin-top: 30px;
  }

  .footer-8 .text-right {
    text-align: center;
  }

}

@media(max-width:600px) {
  h3 {
    font-size: 22px;
  }

  .section-title-2 p {
    font-size: 16px;
  }

  .section-title-2 {
    margin-bottom: 40px;
  }

  .search-open input {
    width: 95%;
  }

  .search-open input {
    font-size: 20px;
  }

  /*home-1*/
  /*portfolio*/
  .snap-scrolling-example .portfolio .portfolio-item {
    width: 350px;
  }

  /*custom content*/
  .about .custom-content-2 h1 {
    font-size: 24px;
    overflow: hidden;
  }

  .about .custom-content-2 strong {
    font-size: 15px;
  }

  /*counter*/
  .main-counter .counter-info span.counter {
    font-size: 40px;
  }

  /*action-box*/
  .action-box {
    text-align: center;
  }

  .action-box .action-box-button {
    text-align: center;
  }

  /*owl-carousel-4*/
  .owl-carousel-4 .owl-nav .owl-prev {
    left: 66%;
  }

  .owl-carousel-4 .owl-nav .owl-next {
    right: 66%;
  }

  /*footer*/
  .footer-logo img {
    width: 45%;
  }

  .footer .footer-instagram {
    margin-top: 40px;
  }

  /*home-2*/
  /*search*/
  .search-2-open input {
    width: 95%;
  }

  /*action-box*/
  .action-box-2 {
    text-align: center;
  }

  .action-box-2 .action-box-button {
    text-align: center;
  }

  /*testimonial*/
  .testimonial-2 .testimonial-avatar {
    display: block;
    float: none;
    text-align: center;
    margin-bottom: 20px;
  }

  .testimonial-2 .testimonial-info p {
    margin-bottom: 20px;
    text-align: center;
  }

  .our-services .feature7 {
    text-align: center;
  }

  .our-services .feature7 .feature7-icon {
    float: none;
    display: inline-block;
    margin-bottom: 20px;
  }

  .services-text-box {
    padding: 90px 20px 40px;
  }

  /*home-3*/
  /*portfolio*/
  .feature-8-main .owl-carousel-10 .owl-item {
    padding: 0;
  }

  .portfolio-3 .full-screen.columns-5 .grid-item {
    padding: 0;
    width: 100%;
  }

  .portfolio-3 .isotope-filters {
    margin-bottom: 0;
    text-align: center;
  }

  /*custom-content*/
  .dropping-words-main .custom-content-2 h1 {
    font-size: 26px;
  }

  .dropping-words-main .custom-content-2 strong {
    font-size: 18px;
  }

  .feature-8-main .feature-8 {
    text-align: center;
  }

  .feature-8-main .feature-8-title {
    display: block;
    float: none;
    margin-bottom: 20px;
    text-align: center;
    margin-right: 0px;
  }

  .feature-main .feature-9:hover .feature-9-icon {
    right: 40%;
  }

  /*home-4*/
  /*slider*/
  .slider-fade-carousel .slider-contents p {
    display: none;
  }

  .slider-fade-carousel .slider-contents a.button {
    display: none;
  }

  .slider-fade-carousel .slider-contents.slide-1 h1 {
    line-height: 50px;
  }

  .slider-fade-carousel .slider-contents.slide-1 span.textslider {
    line-height: 50px;
  }

  .slider-fade-carousel .slider-contents.slide-2 h1 {
    line-height: 50px;
  }

  .slider-fade-carousel .slider-contents.slide-3 h1 {
    line-height: 50px;
  }

  .happy-clients .tab-2 ul.nav-tabs li a img {
    width: 174px;
  }

  .owl-custom .owl-carousel-12.owl-carousel.owl-theme.owl-loaded {
    height: 450px;
  }

  .our-blog .blog-box-info {
    max-height: 323px;
  }

  .news-letter .section-field input {
    width: 73%;
  }

  .happy-clients .tab-2 ul.nav-tabs li a {
    margin: 0 9px 20px;
  }

  #tabs .tabs li img {
    width: 120px;
  }

  /*home 5*/
  .header-5 .logo img {
    height: 30px;
  }

  .header-5 .col-xs-4.logo-xs {
    padding: 0px;
  }

  .search-4 input {
    margin-top: 15px;
    width: 100%;
    background: #000;
    font-size: 12px;
  }

  .custom-portfolio .portfolio-text-box {
    background: #f6f7f9;
    padding: 60px 15px;
  }

  .custom-portfolio .portfolio-text-box a.button.mt-30 {
    margin-top: 15px !important;
  }

  .about .feature-11 .feature-11-info h4::before {
    left: 42%;
  }

  .team-3-main .owl-carousel-11 .owl-item img {
    width: 100%;
  }

  .team-3-device {
    display: none;
  }

  .built-tab .tab-content {
    margin-top: 0;
  }

  .feature-item {
    overflow: hidden;
  }

  /*footer*/
  .footer-5 .footer-flickr {
    margin-top: 30px;
    display: inline-block;
  }

  .footer-5 .footer-Newsletter {
    margin-top: 30px;
  }

  /*about-1 page*/
  .our-history .history-5 {
    margin-left: 21%;
  }

  .our-history .history-6 {
    margin-left: 44%;
  }

  .our-history .timeline .timeline-arrow {
    bottom: -27px;
  }

  /*about-me page*/
  .about-me .maintenance-progress-bar .progress-bar:nth-child(3) {
    margin-bottom: 70px;
  }

  /*blog full width */
  .blog-entry-grid .grid-post li {
    border-bottom: 14px solid #fff;
    width: 100%;
  }

  .contact-form .section-field {
    margin-right: 0;
    width: 100%;
  }

  /*coming soon*/
  .coming-soon-form input {
    width: 60%;
  }

  .inner-intro {
    height: 330px;
  }

  /*error*/
  .error-block {
    padding: 30px 0px;
  }

  .error-block h1 {
    font-size: 70px;
  }

  .error-404-2 .error-block h1 {
    font-size: 200px;
    line-height: 200px;
  }

  .error-404-2 .error-block p {
    font-size: 16px;
  }

  /*faq*/
  .faq .accordion-1 .panel-title a {
    font-size: 16px;
  }

  .faq .panel-body li {
    font-size: 13px;
  }

  .faq .panel-body p {
    font-size: 13px;
  }

  .faq .panel-body.faq-content h5 {
    font-size: 16px;
  }

  .faq .nav-tabs li a {
    font-size: 15px;
  }

  /*maintenance*/
  .maintenance-main h1.mb-50 {
    font-size: 28px;
  }

  .maintenance-main p {
    font-size: 16px;
    line-height: 25px;
  }

  .maintenance-form input {
    width: 50%;
  }

  .maintenance-2 .maintenance-main h1 {
    font-size: 32px;
  }

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

  .clients-photo {
    float: none;
    display: inline-block;
    margin-bottom: 20px;
  }

  /*portfolio*/
  .portfolio-fullwidth.portfolio-block.columns-2 .grid-item {
    width: 100%;
  }

  .portfolio-sidebar.portfolio-block.columns-2 .grid-item {
    width: 100%;
  }

  .portfolio-fullwidth.portfolio-block.columns-3 .grid-item {
    width: 100%;
  }

  .portfolio-sidebar.portfolio-block.columns-3 .grid-item {
    width: 100%;
  }

  .portfolio-fullwidth.portfolio-block.columns-4 .grid-item {
    width: 100%;
  }

  .portfolio-sidebar.portfolio-block.columns-4 .grid-item {
    width: 100%;
  }

  .full-screen.columns-2 .grid-item {
    width: 100%;
  }

  .full-screen.columns-3 .grid-item {
    width: 100%;
  }

  .full-screen.columns-4 .grid-item {
    width: 100%;
  }

  .full-screen.columns-5 .grid-item {
    width: 100%;
  }

  .masonry .grid-sizer,
  .masonry.columns-2 .masonry-item {
    width: 100%;
  }

  .masonry .grid-sizer,
  .masonry.columns-3 .masonry-item {
    width: 100%;
  }

  .masonry .grid-sizer,
  .masonry.columns-4 .masonry-item {
    width: 100%;
  }

  .masonry.full-screen .masonry-item {
    width: 100%;
  }

  .packetry .item {
    width: 100%;
  }

  /*service*/
  .service-3 {
    margin: 0 auto;
    width: 70%;
  }

  .login-2-social ul li {
    margin-bottom: 10px;
  }

  .login-3 .login-with h3 {
    font-size: 17px;
  }

  /*home-6*/
  #animated-slider .slider-content p {
    display: none;
  }

  #animated-slider .slider-content h1 {
    font-size: 22px;
  }

  #animated-slider .carousel-indicators {
    bottom: 10px;
  }

  .custom-content-5 h4 {
    line-height: 33px;
  }

  .custom-content-5 .skills-2 li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 80px;
  }

  .portfolio-4 .columns-3 .grid-item {
    width: 100%;
  }

  .portfolio-4 .isotope-filters-3 button {
    margin: 5px 10px;
  }

  /*home-8*/
  .image-holder .image-holder-content h2 {
    font-size: 20px;
    line-height: 40px;
  }

  .custom-content-8 #tabs .tabs li {
    font-size: 18px;
  }

  .image-holder .image-holder-content span {
    font-size: 12px;
  }

  .news-content .meta {
    margin-bottom: 20px;
  }

  .news-content .meta.pull-left {
    float: none !important;
  }

  .news-content .button.pull-right {
    float: none !important;
  }

  .clients-partner .clients-logo li {
    width: 50%;
  }

  /*home-10*/
  .parallax-banner .banner-content h1 {
    font-size: 24px;
  }

  .parallax-banner .layer:nth-child(3) {
    top: 35%;
  }

  .contact-4 .contact-form input {
    width: 100%;
    margin-right: 0px;
  }

  .modal-dialog {
    position: relative;
    width: auto;
    margin: 30px 10px;
}

}

@media(max-width:479px) {

  /*home-1*/
  .mega-menu img {
    height: 40px;
  }

  .topbar-right ul li:last-child {
    top: 20px;
  }

  /*slider*/
  .tp-caption img {
    display: none;
  }

  .rev-slider a.button.button-white span {
    padding: 2px 3px !important;
  }

  .rev-slider a.button span {
    padding: 2px 3px !important;
  }

  .rev-slider-3 a.button.button-white span {
    padding: 2px 3px !important;
  }

  .rev-slider-3 a.button span {
    padding: 2px 3px !important;
  }

  .tp-caption.black-align-center,
  .black-align-center {
    padding: 0px 10px !important;
  }

  /*portfolio*/
  .snap-scrolling-example .portfolio .portfolio-item {
    width: 320px;
  }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: 100%;
  }

  /*who-we-are*/
  .who-we-are .who-we-are-right-button .button {
    margin-bottom: 20px;
  }

  .about .custom-content-2 h1 {
    font-size: 22px;
    overflow: hidden;
  }

  /*footer*/
  .footer-widget {
    text-align: center;
  }

  .footer-widget p {
    margin-bottom: 10px;
  }

  .footer-widget-social {
    text-align: center;
  }

  .popup-contact {
    display: none;
  }

  .header-2 .mega-menu img {
    margin: 16px 0;
  }

  /*slider*/
  .rev-slider-2 a.button.button-black span {
    padding: 2px 3px !important;
  }

  .rev-slider-2 a.button span {
    padding: 2px 3px !important;
  }

  /*custom-content*/
  .dropping-words-main .custom-content-2 h1 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
    width: 70%;
  }

  .dropping-words-main .custom-content-2 strong {
    font-size: 16px;
  }

  .feature-main .feature-9-title-2-right h2 {
    font-size: 30px;
  }

  .feature-main .feature-9 {
    min-height: 358px;
  }

  .feature-main .feature-9:hover .feature-9-icon {
    right: 10%;
  }

  /*action-box*/
  .action-box-3 .action-box h3 {
    font-size: 18px;
    line-height: 26px;
  }

  .action-box-3 .action-box p {
    font-size: 12px;
  }

  /*home-4*/
  /*slider*/
  .slider-fade-carousel .slider-contents.slide-1 h1 {
    line-height: 30px;
    font-size: 20px;
  }

  .slider-fade-carousel .slider-contents.slide-1 span.textslider {
    line-height: 30px;
    font-size: 20px;
  }

  .slider-fade-carousel .slider-contents.slide-2 h1 {
    line-height: 30px;
    font-size: 20px;
  }

  .slider-fade-carousel .slider-contents.slide-3 h1 {
    line-height: 30px;
    font-size: 20px;
  }

  .header-4 .mega-menu img {
    height: 40px;
    margin: 2px 0px;
  }

  .creativity h1 {
    font-size: 30px;
    line-height: 40px;
  }

  .creativity .button.mt-50 {
    margin-top: 20px !important;
  }

  .happy-clients .tab-content {
    margin-top: 0px;
  }

  .happy-clients .tab-2 ul.nav-tabs li a img {
    width: 94px;
  }

  .video-content .video-bg h1 {
    font-size: 34px;
  }

  .owl-custom .owl-carousel-12.owl-carousel.owl-theme.owl-loaded {
    height: 600px;
  }

  .owl-custom .custom-content li {
    line-height: 32px;
  }

  .our-blog .blog-box-info {
    max-height: 433px;
  }

  .our-blog .blog-box-image .portfolio-caption a {
    font-size: 18px;
  }

  .our-blog .portfolio-item .portfolio-caption {
    padding: 20px;
  }

  .our-blog .blog-box-image .portfolio-caption .port-tag li a {
    font-size: 11px;
  }

  .our-blog .blog-box-image .portfolio-caption .button-border span {
    margin-top: 12px;
  }

  .news-letter .section-field input {
    width: 58%;
  }

  .social-full li a {
    font-size: 15px;
    height: 40px;
    line-height: 40px;
  }

  .header-5 .logo img {
    height: 22px;
    margin-top: 3px;
  }

  .team-3-main .owl-carousel-11 {
    margin-bottom: 0px;
  }

  .built-tab #tabs .tabs li.customization {
    right: 60px;
  }

  .built-tab #tabs .tabs li.support {
    left: 76px;
    top: 130px;
  }

  .built-tab #tabs .tabs li.update {
    bottom: 70px;
    right: 130px;
  }

  .built-tab #tabs ul.tabs {
    width: 100%;
    height: 380px;
    background-size: 90%;
  }

  .built-tab.page-section-ptb {
    padding-bottom: 0px;
  }

  /*about-1 page*/
  .our-history .history-1 {
    left: 5px;
  }

  .our-history .history-5 {
    margin-left: 16%;
  }

  /*about-2 page*/
  .our-history .timeline::before {
    left: 25px;
  }

  .our-history .timeline>li>.timeline-badge {
    left: 25px;
  }

  .our-history .timeline>li>.timeline-panel::before {
    width: 22px;
    left: 42px;
  }

  .our-history .timeline>li.timeline-inverted>.timeline-panel::before {
    left: 42px;
  }

  .our-history .timeline>li>.timeline-panel {
    padding: 10px 20px 20px 75px;
  }

  .our-history .timeline .timeline-arrow {
    left: 17px;
  }

  /*about-3 page*/
  .custom-content b {
    font-size: 16px;
  }

  .owl-carousel-6 .owl-nav i {
    padding: 8px;
  }

  /*blog all page*/
  .blog-grid-3-column .blog-entry-audio {
    padding: 61px 20px 58px;
  }

  /*single ppst blog*/
  .blog.blog-single .port-post-photo {
    width: 90px;
  }

  .blog.blog-single .port-post-info {
    padding-left: 110px;
  }

  .blog.blog-single .port-photo {
    width: 94px;
  }

  .blog.blog-single .port-arrow {
    height: 57px;
  }

  .blog.blog-single .port-arrow i {
    line-height: 57px;
  }

  .blog.blog-single .comments-1.comments-2 {
    padding-left: 47px;
  }

  .blog.blog-single .share.small.mt-30 {
    margin-top: 0px !important;
  }

  .blog.blog-single .comments-info>p {
    display: inline-block;
  }

  .blog .timeline>li>.timeline-badge {
    font-size: 15px;
    height: 44px;
    line-height: 12px;
    width: 44px;
  }

  .blog ul.timeline:before {
    left: 27px;
  }

  .blog ul.timeline>li>.timeline-badge {
    left: 5px;
  }

  .blog ul.timeline>li>.timeline-panel {
    width: 100%;
  }

  .blog .timeline li.entry-date span {
    display: none;
  }

  .blog ul.timeline::before {
    display: none;
  }

  .blog ul.timeline>li>.timeline-badge {
    display: none;
  }

  .blog ul.timeline>li>.timeline-panel::before {
    display: none;
  }

  .blog ul.timeline>li>.timeline-panel::after {
    display: none;
  }

  .blog .timeline li.timeline-inverted .timeline-panel::after {
    display: none;
  }

  .blog .timeline li.timeline-inverted .timeline-panel::before {
    display: none;
  }

  .blog.timeline-sidebar .timeline li {
    width: 100%;
  }

  .masonry .masonry-item {
    width: 100% !important
  }

  /*coming soon*/
  .coming-soon-main h1 {
    font-size: 34px;
  }

  .coming-soon-countdown ul.countdown li span {
    font-size: 32px;
  }

  .coming-soon-countdown ul.countdown li {
    width: 20%;
  }

  .coming-soon-countdown ul.countdown li p {
    font-size: 13px;
  }

  .coming-soon-countdown ul.countdown {
    margin: 20px 0;
  }

  .coming-soon-main p {
    margin-bottom: 45px;
    font-size: 16px;
  }

  .coming-soon-form {
    width: 100%;
  }

  .coming-soon-form input {
    width: 100%;
    margin-bottom: 20px;
  }

  .coming-soon-form input {
    width: 62%;
  }

  .coming-soon-form a.button-border span {
    padding: 11px 8px;
  }

  /*contact*/
  .contact-3-info {
    padding: 30px 15px;
  }

  /*error*/
  .error-block h1 {
    font-size: 50px;
  }

  .error-block p {
    font-size: 18px;
  }

  .error-block h1.mb-40 {
    margin-bottom: 10px !important;
  }

  .error-search-box p {
    font-size: 16px;
    line-height: 32px;
  }

  .error-search-box input {
    width: 60%;
  }

  .error-404-2 .error-block h1 {
    font-size: 150px;
    line-height: 150px;
  }

  /*maintenance*/
  .maintenance-main p {
    font-size: 15px;
  }

  .maintenance-2 .maintenance-main h1 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .maintenance-contant.mt-150 {
    margin-top: 30px !important;
  }

  .maintenance-form.mt-100 {
    margin-top: 30px !important;
  }

  /*portfolio single*/
  .single-portfolio-post .port-meta li {
    font-size: 14px;
  }

  .single-portfolio-post .port-meta li b {
    width: 57px;
  }

  .single-portfolio-post .port-photo {
    height: 56px;
    width: 94px;
  }

  .single-portfolio-post .port-arrow {
    height: 56px;
  }

  .single-portfolio-post .port-arrow i {
    line-height: 56px;
  }

  .single-portfolio-post .port-post-photo {
    width: 90px;
  }

  .single-portfolio-post .port-post-info {
    padding-left: 110px;
  }

  /*service 1 */
  .service-page-tab #tabs .tabs li {
    width: 100%;
    margin-bottom: 1px;
  }

  .service-3 {
    margin: 0 auto;
    width: 100%;
  }

  .features13 b {
    top: 61px;
  }

  .features13.left b {
    top: 89px;
  }

  .custom-content-4 .social li a {
    margin-bottom: 10px;
    margin-left: 2px;
  }

  .login-3 .login-with h3 {
    font-size: 13px;
  }

  /*home-6*/
  #animated-slider .slider-content h1 {
    font-size: 18px;
    line-height: 20px;
  }

  #animated-slider .slider-content .button {
    display: none;
  }

  .portfolio-4 .isotope-filters-3 button {
    padding: 5px 8px;
  }

  /*home-7*/
  .header-7 .logo img {
    height: 30px;
  }

  .header-7 #menu-icon {
    right: 10px;
    top: -9px;
  }

  #animated-slider-2 .slider-content p {
    display: none;
  }

  #animated-slider-2 .carousel-indicators {
    bottom: 10px;
  }

  .frequently .accordion .accordion-title a {
    font-size: 12px;
  }

  /*home-8*/
  .latest-news .news .meta a {
    font-size: 20px;
  }

  .latest-news .news {
    padding: 30px 50px 40px 40px;
  }

  /*home-9*/
  .image-holder-2-bg {
    background-position: -500px !important;
  }

  .image-holder-2 .image-holder-2-content a {
    margin-top: 50px;
  }

  .footer-7 .footer-about ul.social li a {
    margin: 5px 3px;
  }

  /*home-10*/
  .parallax-banner .layer:nth-child(3) {
    top: 25%;
  }

  .parallax-banner .banner-content span {
    padding: 7px 14px;
    font-size: 10px;
  }

  .parallax-banner .banner-content h1 {
    line-height: 30px;
  }

  .phone-holder {
    left: -23px;
  }

  .mobile-slider {
    padding: 0px;
  }

  .custom-content-11 h2 {
    line-height: 32px;
  }

}

@media (max-width: 1240px) {
  .boxed-layout .page-wrapper {
    width: inherit;
  }

  .boxed-layout.page-wrapper {
    width: inherit;
  }
}

@media (max-width: 1199px) {
  .boxed-layout .page-wrapper .mega-menu.desktopTopFixed .menu-list-items {
    width: 100%;
    padding: 0px;
  }
}

@media (max-width: 992px) {
  .boxed-layout .page-wrapper .mega-menu.desktopTopFixed .menu-list-items {
    width: 100%;
  }

  .pap-select h4 {
    display: none;
  }

  option {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .boxed-layout.page-wrapper .mega-menu.desktopTopFixed .menu-list-items {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .boxed-layout.page-wrapper .mega-menu.desktopTopFixed .menu-list-items {
    width: 100%;
  }

  .cpapproduct {
    border: 1px solid #0e64bf;
    overflow: hidden;
    height: auto !important;
    border-radius: 8px;
    padding: 0.5rem 1rem;
  }

}

@media (max-width: 480px) {
  option {
    font-size: 32px;
  }

  .modal {
    top: 25%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .modal-header {
    padding: 5px;
  }

  .modal-body {
    padding: 5px;
  }

  .modal-dialog {
    width: 80%;
    margin: auto;
  }

  .help-block {
    font-size: 13px;
  }
}