@media (min-width: 1400px) {
    .container {
        width: 1356px;
    }
}

@media (max-width: 1400px) {
    .menuBar ul li.has-children > a:after,
    .menuBar .site-navigation .menu-list .has-children > a:after {
        right: 15px;
    }
    .menuBar .navbar-default .navbar-nav>li>a,
    .menuBar .site-navigation .menu-list > li > a {
        padding: 22.5px 20px;
    }
    .menuBar nav .navbar-nav > li.has-children > a,
    .menuBar .site-navigation .menu-list .has-children > a {
        padding: 22.5px 30px 22.5px 20px;
    }
    .error-block:before {
        right: -90px;    
        background-size: 27%;
    }
}

@media (max-width: 1200px) {
    .menuBar ul li.has-children > a:after,
    .menuBar .site-navigation .menu-list .has-children > a:after {
        right: 13px;
    }
    .menuBar .navbar-default .navbar-nav>li>a {
        padding: 22.5px 18px;
    }
    .menuBar .site-navigation .menu-list > li > a {
        padding: 22.5px 16px;
        font-size: 14px;
    }
    .menuBar nav .navbar-nav > li.has-children > a,
    .menuBar .site-navigation .menu-list .has-children > a {
        padding: 22.5px 28px 22.5px 16px;
    }
    .about-img {
        width: 100px;
        height: 100px;
    }
    .popular-box ul li a {
        padding: 10.5px 20px;
    }
    .about-info {
        padding-left: 15px;
    }
    .blog-list .below-blog-list li {
        margin-bottom: 10px;
    }
    .blog-list .below-blog-list {
        margin-bottom: 8px;
    }
    .blog-list-with-sidebar .blog-captions {
        padding-left: 0;
        top: 0;
    }
    .blog-list.blog-list-with-sidebar .blog-media {
        float: none;
    }
    .error-block:before {
        background-size: 26%;
    }
    .blog-details-with-sidebar .detail-texts,
    .blog-details-with-sidebar blockquote {
        padding: 0 10px 0 0;
    }
    .blog-details-with-sidebar.blog-details .blog-captions blockquote {
        padding: 10px 0 10px 15px;
    }
    .blog-grid-four-column .blog_grid .outer-blog-box,
    .blog-masonry-four-column .blog_grid_masonry .outer-blog-box {
        width: 33.3334%;
    }
    .blockquote-page blockquote {
        padding: 26px 40px;
    }
    .banner-slider .owl-nav .owl-prev,
    .banner-slider .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .banner-slider .owl-nav .owl-next:before,
    .banner-slider .owl-nav .owl-prev:before {
        font-size: 18px;
        line-height: 40px;
    }
    .banner-with-slider .owl-carousel .owl-item img {
        min-height: 450px;
    }
    .banner-slider .owl-nav {
        top: auto;
        bottom: 50px;
        text-align: center;
    }
    .banner-slider .owl-nav .owl-prev, .banner-slider .owl-nav .owl-next {
        position: static;
        margin: 0 8px;
        display: inline-block !important;
    }
}

@media (max-width: 992px) {
    .no-padding {
        padding: 0 15px !important;
    }
    .no-pad-left {
        padding-left: 15px;
    }
    .no-pad-right {
        padding-right: 15px;
    }
    .contact-form .no-padding {
        padding: 0 !important;
    }
    .contact-form .no-pad-left {
        padding-left: 0;
    }
    .contact-form .no-pad-right {
        padding-right: 0;
    }
    .blog-masonry-with-sidebar .no-padding {
        padding: 0 !important;
    }
    .menuBar button.navbar-toggle {
        width: 50px;
        height: 50px;
        line-height: 65px;
        text-align: center;
        border: 0;
        cursor: pointer;
        position: absolute;
        top: 8px;
        left: 0;
        z-index: 6;
        display: block !important;
        padding: 0;
        margin: 0;
        border-radius: 0;
    }
    .menuBar button.navbar-toggle .icon-bar {
        margin: 4px auto;
        width: 22px;
        height: 2px;
        border-radius: 0;
    }
    .menuBar .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .logo {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    #main-menu {
        display: none !important;
        width: 250px;
        position: fixed;
        top: 0;
        left: -250px;
        bottom: 0;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #fff;
        height: auto;
        float: none;
        z-index: 21;
        -webkit-transition: left ease .2s;
        -moz-transition: left ease .2s;
        -o-transition: left ease .2s;
        transition: left ease .2s;
        padding: 0;
    }
    .menuBox .navbar-header {
        display: inline-block;
        width: 100%;
    }
    .menuBar .navbar-header {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .menuBar .navbar>.container-fluid .navbar-brand {
        float: none;
    }
    .menuBar .navbar-default .navbar-toggle:focus,
    .menuBar .navbar-default .navbar-toggle:hover {
        background-color: rgba(255, 255, 255, 0);
        border-color: rgba(255, 255, 255, 0);
    }
    #main-menu.in {
        display: none !important;
        left: 0;
        opacity: 0;
        visibility: hidden;
    }
    .menuBar .navbar-right {
        margin: 0;
        width: auto;
        display: block;
    }
    #main-menu ul li {
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }
    #main-menu ul li:hover>ul {
        display: none;
    }
    .menuBar nav .navbar-nav > li > a {
        display: inline-block;
        width: 100%;
    }
    .sidebar,
    .left-sidebar .sidebar {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .sidebar .widget {
        top: 0;
    }
    .popular-tag {
        margin: 24px 0 28px;
    }
    .blog-list .blog-media {
        float: none;
        width: 70%;
    }
    .blog-list .blog-captions {
        padding-left: 0;
        top: 0;
    }
    .aboutus-info {
        padding: 10px 0 0;
        top: 0;
    }
    .error-block:before {
        background-image: none;
        right: 0;
    }
    .contact-address .col-lg-4 {
        border-top: 1px solid #f3f3f3;
    }
    .contact-address h3 {
        margin-bottom: 8px;
    }
    .pad-top-big {
        padding-top: 43px;
    }
    .pad-bottom-big {
        padding-bottom: 43px;
    }
    .pad-bottom-small {
        padding-bottom: 33px;
    }
    /* Menu */
    .menuBar #site-logo {
        width: 100%;
    }
    #nav-left,
    #nav-right {
        display: none !important;
    }
    .menuBar #mobile-menu ul li.has-children > a:after {
        font-size: 0;
    }
    .menu-list li a span {
        display: none !important;
    }
    #mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        height: 100%;
        width: 45vw;
        min-width: 200px;
        padding: 25px;
        padding-top: 60px;
        box-sizing: border-box;
        overflow-y: auto;
        overflow-x: hidden;
        background: #fff;
        z-index: 1000;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
    #mobile-menu {
      display: block;
    }
    #mobile-menu.move-menu {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      box-shadow: 4px 0px 8px 0 rgba(0, 0, 0, 0.2);
  }
    .mobile-search-form {
        display: block;
        position: absolute;
        right: 15px;
        top: 0;
        width: 50%;
        z-index: 201;
    }
    .menu-list > li:hover > a {
        background-color: rgba(0, 0, 0, 0) !important;
        text-decoration: none;
    }
    .top-menu .menu-list > li.current-menu-item > a,
    .top-menu .menu-list > li.current-menu-ancestor > a {
        background-color: rgba(0, 0, 0, 0.04);
    }
    .overlapblackbg {
        left: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        display: none;
        background-color: rgba(0, 0, 0, 0.55);
        cursor: pointer;
    }
    .overlapblackbg.menuopen {
        display: block;
    }
    .top-menu .menu-list > li > a {
        backface-visibility: hidden;
        color: #282828;
        display: block;
        font-weight: 700;
        line-height: 60px;
        overflow: hidden;
        padding: 5px 14px;
        position: relative;
        text-decoration: none;
        transform: translateZ(0px);
        vertical-align: middle;
    }
    /* Default Color */
    .menu-list li:hover .sub-menu {
        display: none;
    }
    .menu-list li:hover .sub-menu .sub-menu {
        display: none;
    }
    .menu-list .sub-menu .sub-menu li:hover .sub-menu {
        display: none;
        list-style: none;
        padding: 2px;
        border: solid 1px #ebebeb;
        background-color: white;
    }
    .menu-list li:first-child a {
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .menu-list li:last-child a {
        border-right: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .menu-container {
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        min-height: 800px;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .menuexpandermain {
        background: #f08589;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border: 1px solid rgba(240, 133, 137, 0);
        cursor: pointer;
        position: absolute;
        top: 8px;
        left: 15px;
        display: block !important;
        padding: 0;
        margin: 0;
        border-radius: 0;
        background-color: transparent;
        background-image: none;
    }
    /* Mobile click to drop arrow */
    .menu-click {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        cursor: pointer;
        z-index: 120;
    }
    .menu-click i {
        display: block;
        background-size: 25px;
        font-size: 14px;
        color: #505050;
        float: right;
        padding: 15px;
        width: 43px;
        -webkit-transition: transform 0.1s ease;
        transition: transform 0.1s ease;
        border-left: 0;
    }
    #header nav ul li ul {
        width: 100%;
    }
    .menu-extend.fa-angle-right::before {
        content: "\f107";
        font-family: FontAwesome;
    }
    /*2nd UL Style*/
    .top-menu .menu-wrapper ul > li ul {
        border-top: 0 none;
        border-bottom: 0 none;
        border-right: 0 none;
    }
    .menu-list .sub-menu .sub-menu {
        width: 100% !important;
        position: static !important;
        left: 100% !important;
        top: 0 !important;
        display: none;
        margin: 0 !important;
        padding: 0 !important;
        border: solid 0 !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .menu-list .sub-menu .sub-menu li {
        margin: 0 !important;
        padding: 0;
        position: relative;
    }
    .sub-menu-sub li:hover > a {
        color: white;
    }
    .menu-list > li > a .fa {
        margin-right: 6px;
    }
    .sub-menu .sub-menu .sub-menu {
        width: 100% !important;
        position: static !important;
        left: 100% !important;
        top: 0 !important;
        display: none;
        margin: 0 !important;
        padding: 0 !important;
        border: solid 0 !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .sub-menu .sub-menu .sub-menu li {
        margin: 0 !important;
    }
    .sub-menu .sub-menu .sub-menu a {
        display: block;
        color: black;
        padding: 11px 25px;
        border-bottom: solid 1px #ebebeb;
        font-weight: normal;
    }
    .sub-menu .sub-menu .sub-menu li:hover > a {
        color: #fff;
    }
    .top-menu .menu-wrapper .container {
        padding: 0;
    }
    .top-menu .menu-wrapper .row {
        margin: 0;
    }
    .top-menu .menu-list {
        height: 100%;
        display: block !important;
        padding: 0;
        margin: 0;
    }
    .top-menu .menu-list > li {
        width: 100%;
        display: block;
        float: none;
        border-right: none;
        background-color: transparent;
        position: relative;
        text-align: left;
        white-space: inherit;
    }
    .top-menu .menu-list > li > a::before {
        opacity: 0;
    }
    .top-menu .menu-list > li > a::after {
        position: relative;
        content: "";
    }
    .top-menu .menu-list > li > a,
    .menu-list .sub-menu a {
      padding: 9px 32px 9px 17px;
      font-size: 13px;
      letter-spacing: 0.025em;
      border-right: solid 0px;
      background-color: transparent;
      line-height: 25px;
      border-bottom: 1px solid #efefef;
      position: static;
      text-transform: uppercase;
      color: #505050;
      display: inline-block;
      width: 100%;
      text-decoration: none;
      transform: translateZ(0px);
      vertical-align: middle;
      font-weight: 500;
      backface-visibility: hidden;
      box-shadow: 0 0 1px transparent;
      font-family: 'Source Sans Pro', sans-serif;
      letter-spacing: 1.12px;
    }
    .sub-menu {
        transform: none !important;
        opacity: 1 !important;
        display: none;
        position: relative !important;
        top: 0px;
        background-color: white;
        border: 0 none;
        padding: 0px;
        visibility: visible !important;
    }
    .sub-menu .sub-menu li a {
        line-height: 20px;
        font-size: 14px !important;
    }
    .sub-menu li .sub-menu li a {
        padding-left: 28px;
    }
    .sub-menu .sub-menu li a,
    .sub-menu .sub-menu .sub-menu li a {
        padding-left: 38px !important;
    }
    .sub-menu li .sub-menu .sub-menu {
        padding-left: 38px;
    }
    .sub-menu .fa {
        margin-right: 0;
    }
    .mrginleft {
        margin-left: 240px;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    /*Nav Expanding Open Effect*/
    .top-menu.menuclose {
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .menucontent {
        z-index: 100;
    }
    #mobile-menu ul.sub-menu li {
        list-style: none;
        padding-left: 20px;
        position: relative;
    }
     #mobile-menu .sub-menu a {
          padding-left: 0 !important;
      }
    /* Navigation arrow Animation */
    .animated-arrow {
        position: absolute;
        right: 0;
        left: 0;
        width: 50px;
        top: 0;
        z-index: 200;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    #menu-marker {
        width: 100%;
        display: block;
        padding-top: 10px;
        margin-left: 0;
        position: relative;
        z-index: 0;
        width: 100%;
        height: 45px;
        font-family: "Playfair Display", serif;
        font-weight: bold;
        color: rgba(255, 255, 255, 0);
        text-align: center;
    }
    .animated-arrow {
        cursor: pointer;
        padding: 8px 13px;
        margin: 15px auto 0;
        text-align: center;
    }
    .animated-arrow span,
    .animated-arrow span:before,
    .animated-arrow span:after {
        cursor: pointer;
        height: 2px;
        width: 22px;
        background: #fff;
        position: absolute;
        display: block;
        content: '';
        border-radius: 0;
    }
    .animated-arrow span:before {
        top: -6px;
    }
    .animated-arrow span:after {
        bottom: -6px;
    }
    .animated-arrow span,
    .animated-arrow span:before,
    .animated-arrow span:after {
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }
    /*Animation None */
    .menu-list li > .sub-menu,
    .menu-list li:hover > .sub-menu {
        -webkit-transform: none !important;
        transform: none !important;
        visibility: visible !important;
    }
    .sub-menu li:hover > .sub-menu {
        -webkit-transform: none !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    /* Menu */
    .full-head-logo-left .home-menu,
    .full-head-logo-right .home-menu,
    .full-head-logo-centered .home-menu {
        position: static;
        display: inline;
        vertical-align: top;
    }
    .full-head-logo-right .menuBar .navbar>.container-fluid .navbar-brand,
    .full-head-logo-right .home-menu {
        float: none;
    }
    .full-header-right .home-menu {
        position: static;
    }
    .blog-grid-three-column .blog_grid .outer-blog-box,
    .blog-masonry-three-column .blog_grid_masonry .outer-blog-box,
    .blog-grid-four-column .blog_grid .outer-blog-box,
    .blog-masonry-four-column .blog_grid_masonry .outer-blog-box {
        width: 50%;
    }
    .left-sidebar .blog-grid-width,
    .right-sidebar .blog-grid-width {
        width: 100%;
        float: left;
    }
    .blog-grid-with-sidebar .blog_grid {
        margin-right: 0;
        margin-left: 0;
    }
    .blog-grid-with-sidebar .blog-pagination,
    .blog-masonry-with-sidebar .blog-pagination {
        padding: 0 15px;
    }
    /*resposnive menu*/
    .menu-wrap .navbar-nav {
        /*overflow: scroll;
        height: 100%;*/
        display: block;
        padding: 0;
        margin: 0;
        float: none !important;
    }
    .menu-wrap ul li {
        width: 100%;
        display: block;
        float: none;
        border-right: none;
        background-color: transparent;
        position: relative;
        text-align: left;
        white-space: inherit;
    }
    .menu-wrap ul li a {
        padding: 9px 32px 9px 0px;
        font-size: 13px;
        letter-spacing: 0.025em;
        border-right: solid 0px;
        background-color: transparent;
        line-height: 25px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        position: static;
        text-transform: uppercase;
        color: #505050;
        display: inline-block;
        width: 100%;
        text-decoration: none;
        transform: translateZ(0px);
        vertical-align: middle;
        font-weight: 500;
        backface-visibility: hidden;
        box-shadow: 0 0 1px transparent;
        font-family: 'Source Sans Pro', sans-serif;
        letter-spacing: 1.12px;
    }
    .menu-wrap ul li > .sub-menu {
        border-top: 0 none;
        border-bottom: 0 none;
        border-right: 0 none;
    }
    .menu-wrap .sub-menu .menu-click i {
        padding: 15px;
    }
    .menu-wrap {
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        height: 100%;
        width: 45vw;
        min-width: 200px;
        padding: 25px;
        padding-top: 60px;
        box-sizing: border-box;
        overflow-y: auto;
        overflow-x: hidden;
        background: #fff;
        z-index: 1000;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    }
    .menu-wrap {
        display: block;
    }
    .menu-wrap.move-menu {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        box-shadow: 4px 0px 8px 0 rgba(0, 0, 0, 0.2);
    }
    .blog-main {
        position: relative;
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
        -webkit-transform: none;
        transform: none;
    }
    .blog-main.move-body {
        -webkit-transform: translate3d(45vw, 0, 0);
        transform: translate3d(45vw, 0, 0);
    }
    .menu-wrap .close,
    #mobile-menu .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 9px;
        background: #161616;
        color: #fff;
        line-height: 26px;
        font-size: 14px;
        opacity: 1;
        z-index: 10000;
        text-shadow: none;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .menu-wrap .menu-logo,
    #mobile-menu .menu-logo {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin-bottom: 25px;
    }
    .menu-wrap ul li li {
        padding-left: 20px;
    }
    .menu-wrap ul .sub-menu a {
        padding-left: 0 !important;
    }
    .nav>li>a:focus,
    .nav>li>a:hover {
        background-color: transparent;
    }
    /*resposnive menu*/
}

@media (max-width: 767px) {
    .header-block {
        position: absolute;
    }
    h1 {
        font-size: 54px;
        line-height: 64px;
    }
    h2 {
        font-size: 24px;
        line-height: 38px;
    }
    .pad-bottom-small {
        padding-bottom: 30px;
    }
    .pad-top-big {
        padding-top: 40px;
    }
    .pad-bottom-big {
        padding-bottom: 40px;
    }
    .below-blog-list,
    .blog-details .outer-blog-box .blog-captions ul.below-blog-list {
        margin: 12px 0 8px;
    }
    .below-blog-list li,
    .blog-details .outer-blog-box .blog-captions ul.below-blog-list li {
        margin-right: 20px;
        margin-bottom: 10px;
    }
    p {
        font-size: 16px;
        line-height: 26px;
    }
    blockquote {
        padding: 20px;
    }
    blockquote p {
        font-size: 18px;
        line-height: 32px;
    }
    .blog-details .outer-blog-box .blog-captions ul li {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 14px;
    }
    .footer .subscribe-form input,
    .footer .subscribe-form {
        width: 100%;
    }
    .footer .subscribe-form {
        position: relative;
    }
    .subscribe-btn {
        position: absolute;
        top: 0;
        right: 0;
    }
    .footer .subscribe-form input {
        padding: 5px 70px 5px 20px;
    }
    .footer-links li a {
        font-size: 16px;
        margin: 0 10px !important;
    }
    .footer-links li {
        float: none;
        margin-bottom: 10px;
    }
    .footer-logo,
    .subscibe-box {
        margin-bottom: 30px;
    }
    .blog-pagination nav a {
        margin-bottom: 10px;
    }
    .blog-pagination nav li:last-child a {
        margin-bottom: 0;
    }
    .footer .social li {
        margin-left: 30px;
    }
    .below-blog-list li a {
        font-size: 12px;
    }
    .blog_grid .outer-blog-box {
        width: 100%;
        position: static !important;
        height: 100% !important;
    }
    .blog_grid {
        position: static !important;
        height: 100% !important;
    }
    .aboutus-info p {
        margin-bottom: 15px;
    }
    .aboutus-info h3 {
        padding-top: 0;
    }
    .error-search,
    .error-bottom h5,
    .error-bottom .home-page-link {
        float: none;
        margin: 10px auto 0;
    }
    .error-page h1 {
        font-size: 120px;
        line-height: 120px;
    }
    .error-page h2 {
        font-size: 28px;
    }
    .error-page h3 {
        font-size: 20px;
        line-height: 32px;
        margin: 13px 0 28px;
    }
    .error-page {
        padding: 10px 0;
    }
    .blog-comment-main .blog-comment .blog-comment {
        margin-left: 50px;
    }
    .contact-form .col-xs-12 {
        padding: 0 !important;
    }
    #map {
        height: 350px;
    }
    .contact-form .form-group .cntct-btn {
        padding: 14.5px 25.5px;
    }
    .header-centered {
        width: 96%;
    }
    .footer-logo-bottom,
    .footer-logo-bottom.copyright h5 {
        text-align: center;
        padding-top: 0;
    }
    .footer-logo-bottom .footer-logo {
        width: 100%;
    }
    .footer-logo-bottom.copyright h5 {
        padding: 0 0 15px;
        width: 100%;
    }
    .blog-grid-three-column .blog_grid .outer-blog-box,
    .blog-masonry-three-column .blog_grid_masonry .outer-blog-box,
    .blog-grid-four-column .blog_grid .outer-blog-box,
    .blog-masonry-four-column .blog_grid_masonry .outer-blog-box,
    .blog-details-with-sidebar .detail-texts,
    .blog-details-with-sidebar blockquote {
        width: 100%;
    }
    .blockquote-page blockquote {
        padding: 20px;
    }
    .banner .btn,
    .banner-with-slider .btn {
        padding: 10px 16px;
    }
    .banner-sidebar:before {
        height: 38px;
    }
    .contact-address .col-lg-4 {
        height: 100% !important;
    }
}

@media (max-width: 480px) {
    .menuBar .search-form.toggle-search-form,
    .blog_grid_masonry .outer-blog-box {
        width: 100%;
    }
    .blog-list .blog-media,
    .blog-list.blog-list-with-sidebar .blog-media {
        width: 100%;
        height: auto;
        padding-top: 40.8%;
    }
    .blog-details p {
        margin-bottom: 15px;
    }
    .blog-details .outer-blog-box .blog-captions ul li {
        font-size: 16px;
        padding-bottom: 16px;
        padding-left: 6px;
    }
    .blog-detail-pagination {
        margin-top: 15px;
    }
    .blog-detail-pagination .social {
        top: -35px;
        left: 0;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        margin: 0;
    }
    .blog-comment-main .blog-comment .blog-comment {
        margin-left: 0
    }
    .blog-comment-main .blog-comment {
        padding-top: 30px;
    }
    .blog-comments .comment-text {
        display: inline-block;
        padding: 10px 0 23px 0px;
        top: 0;
        width: 100%;
    }
    .comment-text h5 {
        margin-bottom: 8px;
    }
    .comment-text h3 {
        margin-bottom: 3px;
    }
    .blog-details .blog-captions blockquote h5 {
        padding-left: 45px;
    }
    .blog-details-with-sidebar .detail-texts,
    .blog-details-with-sidebar blockquote {
        width: 100%;
        padding: 0;
    }
    .blog-details-with-sidebar.blog-details .blog-captions blockquote {
        padding: 0;
    }
    blockquote p {
        font-size: 16px;
        line-height: 29px;
    }
    blockquote p i {
        font-size: 38px;
    }
    .mobile-search-form {
        width: 90%;
    }
    .header-centered .container-fluid,
    .header-centered .main-menu {
        padding: 0;
    }
    .image-slider-page .owl-nav .owl-next {
        right: 10px;
    }
    .image-slider-page .owl-nav .owl-next:before,
    .image-slider-page .owl-nav .owl-prev:before {
        font-size: 18px;
    }
    .image-slider-page .owl-nav .owl-next,
    .image-slider-page .owl-nav .owl-prev {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .image-slider-page .owl-nav .owl-prev {
        left: 10px;
    }
    .blockquote-page .blog-blockquote blockquote {
        padding: 20px;
    }
    .menu-wrap,
    #mobile-menu {
        width: 75vw;
    }
    .blog-main.move-body {
        -webkit-transform: translate3d(75vw, 0, 0);
        transform: translate3d(75vw, 0, 0);
    }
    .banner-sidebar:before {
        height: 77%;
    }
}

@media (max-width: 360px) {}