@media (min-width: 768px){
    .show-under-768 {
        display: none !important;
    }
}

@media (min-width: 991px){
    .show-under-991 {
        display: none !important;
    }
}

@media (max-width:1366px) {
    .footer-wide .container-fluid {
        width: 100%;
        max-width: 1170px;
    }

    .outer-box-specing .container {
        width: 100%;
        max-width: 1170px;
    }
}


@media (min-width: 768px) and (max-width: 991px){
    .video-section-full-v2 .video-section-full {
        padding: 125px 50px;
    }
}


@media (max-width:1280px) {
    .mt-post-info-inner {
        padding: 20px;
    }

}

@media (max-width:1200px) {

    .header-botton .header-nav .nav > li > a {
        padding: 20px 20px;
    }
    .header-style-2 .main-bar, .header-style-2 .is-fixed .main-bar {
        max-width: 100%;
        margin: 0;
        left: 0
    }

    .mt-bnr-inr {
        padding: 45px 0 45px;
    }


    #welcome .tp-bullets {
        display: block !important;
    }

    #welcome .tp-thumbs{display: none !important;}
    #welcome .tparrows {display: none !important;}

    .kat_banner {
        height: 253px;
    }


    .mt-left-part,
    .mt-right-part {
        width: 100%;
    }
    .mt-left-part {
        clear: both;
        float: none;
        padding-left: 30px;
    }
    .mt-right-part {
        padding-right: 30px;
    }

    .site-header .container {
        width: auto;
    }

    .footer-fixed .site-footer {
        position: static;
    }
    .footer-fixed .page-wraper {
        padding-bottom: 0 !important;
    }

    .icon-font-block {
        width: 32%;
    }

    .about-home-right.about-right-v2{margin-top:30px; margin-top:0px; min-height: inherit;}

    .boxed .is-fixed .main-bar{
        margin:0;
        left:0;
    }
}

@media (max-width: 1024px) {
    .header-nav .nav > li > .mega-menu{
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition:none;

    }
    .modal-xlg {
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
    }
    .header-nav .nav>li.has-child>a:after {
        display: none;
    }
    .section-full {
        background-attachment: scroll !important;
    }

    .latest-blog-square {
        right: 15px;
        width: 80%;
    }
    .latest-blog-dark {
        left: 20px;
    }

    .logo-header img {
        max-width: inherit;
        height: fit-content;
        width: auto;
    }

    .header-style-2 .header-botton .navbar-toggle {
        float: left;
        margin: 0
    }

    .header-style-2 .header-botton .navbar-toggle span {
        background-color: #fff
    }

    .header-style-2 .header-botton .header-nav .nav > li > a {
        padding: 12px 12px;
        color: #777
    }


    .header-style-2 .header-info > ul li.btn-col-last {
        text-align: right
    }

    .navbar-header {
        float: none
    }

    .navbar-toggle {
        display: block;
        margin-top: 14px;
        margin-bottom: 14px
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    .navbar-collapse.collapse.in {
        display: block !important
    }

    .header-nav {
        clear: both;
        margin: 0 -15px;
        border-bottom: 1px solid #e9e9e9
    }

    .header-nav .nav {
        float: none;
        margin: 0;
        background: #fff
    }

    .header-nav .nav li {
        float: none
    }

    .header-nav .nav > li .sub-menu > li, .header-nav .nav > li .mega-menu > li {
        float: none;
        display: block;
        width: auto
    }

    .header-nav .nav li .sub-menu > li a {
        padding-left: 30px
    }

    .header-nav .nav > li > a {
        padding: 12px 15px;
        border-top: 1px solid #e9e9e9;
        color: #777
    }

    .header-nav .nav > li.active > a, .header-nav .nav > li.current-menu-item > a {
        color: #000
    }

    .header-nav .nav i {
        float: right
    }

    .header-nav .nav > li > a:hover, .header-nav .nav > li > a:active, .header-nav .nav > li > a:focus {
        background-color: #f0f0f0;
        text-decoration: none
    }

    .header-nav .nav > li .mega-menu > li:after {
        display: none
    }

    .header-nav .nav > li ul, .header-nav .nav > li .sub-menu, .header-nav .nav > li .mega-menu {
        display: none;
        position: static;
        visibility: visible;
        width: auto;
        background: #f9f9f9;
        transition: none !important;
        -webkit-transition: none !important;
    }

    .header-nav .nav > li ul.mega-menu ul {
        display: block
    }

    .header-nav .nav > li .mega-menu > li {
        padding: 0
    }

    .header-nav .nav > li ul.mega-menu li:hover ul {
        display: block
    }

    .header-nav .nav li.has-child {
        position: relative
    }

    .header-nav .nav li .sub-menu, .header-nav .nav li .mega-menu {
        opacity: 1;
        margin: 0 !important
    }
}

@media (max-width:991px) {
    
    .footer-brands > .row {
        margin:0px;
        background: #d3d3d3;
    }

    .services-half-section-bottom {
        margin-top: -260px;
    }

    .header-style-2 .logo-header {

        height: 70px;
    }

    .header-style-2 .logo-header a img {
        /* max-width: 280px; */
    }

    .header-style-2 .header-info {
        /* float:none */
    }

    .header-style-2 .header-info > ul {
        list-style: none;
        display: table;
        width: 100%
    }

    .call-to-action-wrap{
        position: relative;
        top:inherit;
    }

    .header-info>ul li {
        padding: 14px 7px;
    }

    .header-info>ul li .icon-sm {
        margin-right: 0px;
    }

    .header-info>ul li .icon-sm i {
        font-size: 25px;
    }

    .header-info>ul li strong {
        font-size: 14px;
    }
    .header-info>ul li span {
        font-size: 13px;
    }
    .col-first{
        margin-bottom: 30px;
    }

    .col-fourth{
        margin-top: 30px;
    }

    .header-style-2 .header-info>ul li.btn-col-last .site-button-secondry{
        display: none;
    }




    .call-to-action-wrap {
        padding:0;
    }

    .kat_banner {
        height: 195px;
    }

    .kat_banner .kat_block {

        padding: 15px 0;
    }

    .footer-wide .container-fluid {
        padding: 0px 80px;
    }
    .filter-wrap.right>.masonry-filter {
        float: none;
    }
    #countdown-clock {
        width: 100%;
    }
    .widget_gallery li {
        width: 24.333%;
    }

    .side-bar {
        margin-bottom: 40px;
    }

    .latest-blog-4.post-overlay {
        height: 360px;
    }
    .sticky-wrapper {
        height: auto !important;
    }

    .logo-header {
        width: 120px;
    }

    .header-top-info .mt-topbar-right {
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-top-info .social-bx {
        margin-left: 0px;
    }

    .site-footer {
        padding: 0px;
    }
    .copyright-block {
        padding-top: 5px;
    }

    footer .container {
        width: 100%;
    }
    .mt-footer-bot-left,
    .mt-footer-bot-right {
        float: none;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .mt-footer-bot-right .copyrights-nav {
        float: none !important;
    }

    .some-facts {
        margin-right: 15px;
    }
    .some-facts-counter {
        padding-top: 40px;
    }

    .m-about-containt {
        padding-top: 0px;
        margin-top: 0px;
    }
    .m-about-containt h2 {
        font-size: 36px;
        line-height: normal;
        margin-top: 0px;
    }


    .is-fixed .header-nav .nav>li>a {
        padding: 12px 15px;
    }
    .is-fixed#header-part .navbar-toggle {
        margin: 15px 0;
    }

    .our-ability [class*="col-"] .mt-icon-box-wraper:after {
        display: none;
    }
    .our-team-2:hover{margin-top:10px;}

    .grid-5 [class*="col-"] {
        width: 25%;
    }

    .slider-half-part {
        margin-top: 80px;
    }
    .slider-half-part .no-col-gap [class*="col-xs-"],
    .slider-half-part .no-col-gap [class*="col-sm-"],
    .slider-half-part .no-col-gap [class*="col-md-"],
    .slider-half-part .no-col-gap [class*="col-lg-"] {
        padding: 0px 15px;
    }



    .multi-line-animation{
        display:none;
    }

    .mission-outer-section{
        background-image:none !important;
    }



    .video-section-full {
        padding: 40px 40px !important;
        bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }


    .video-section-full p {
        margin-bottom: 0;
    }


    #slider-boxed .tp-bullets {
        display: block !important;
    }
    #slider-boxed .tp-thumbs{display: none !important;}
    #slider-boxed .tparrows {display: none !important;}
    .get-in-touch-form-section{
        max-width:400px;
    }

    .service-about-left{
        text-align:center;
        display:block;
    }

    #teknik-form .row {
        margin-bottom: 0px !important;
    }

    #teknik-form .form-control {
        margin-bottom: 20px;
    }
}


@media (max-width: 800px) {
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        display: none;
    }
    #no-more-tables tr {
        border: 1px solid #ccc;
    }
    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align: left;
    }
    #no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    #no-more-tables td:before {
        content: attr(data-title);
    }

    .footer-wide .container-fluid {
        padding: 0px 15px;
    }

    .home-client-carousel.owl-btn-center-v.owl-carousel .owl-nav {
        left: auto;
        right: 5px;
        top: auto;
        bottom: -47px;
    }
    .home-client-carousel.owl-btn-center-v.owl-carousel .owl-nav .owl-prev {
        left: 0px;
    }
    .home-client-carousel.owl-btn-center-v.owl-carousel .owl-nav .owl-next {
        left: 5px;
        top: 0px;
    }

    .outer-box-specing {
        padding-left: 0px;
        padding-right: 0px;
    }
    .aside-right-item {
        position: absolute;
        right: -20px;
        top: 0px;
        bottom: auto;
    }

    .counter.font-60 {
        font-size: 36px;
    }
}


@media (max-width:768px) {
    .mt-bnr-inr {
        display: none;
    }
    .site-footer .widget ul{
        margin-top: 0 !important;
    }
    .isicik-block{
        display: none !important;
    }
    .isicam-cover .col-md-6{
        text-align: center;
    }
    .product-detail-image{
        float: none;
        margin-left: 0;
    }

    .portfolio-wrap h3 {
        font-size: 20px;
    }

    .section-content.p-l30{
        padding-left: 0px !important;
    }


    .mt-bnr-inr-entry .banner-title-outer .banner-title-name {
        padding: 10px 10px;
    }

    .mt-bnr-inr-entry .banner-title-outer .banner-title-name:before {
        width: 15px;
        height: 5px;

    }

    .mt-bnr-inr-entry .banner-title-outer .banner-title-name:after {
        width: 15px;
        height: 5px;
    }

    .mt-bnr-inr-entry .banner-title-outer:before,
    .mt-bnr-inr-entry .banner-title-outer:after {
        width: 15px;
        height: 5px;
    }

    .mt-bnr-inr-entry .banner-title-outer {
        border-left: 5px solid #1d71b8;
        border-right: 5px solid #1d71b8;
    }

    .testimonial-home .mt-icon-box-wraper img {
        /* height: 110px; */
    }

    .testimonial-home .owl-nav {
        top: -20px;
    }

    .testimonial-home .owl-prev, .testimonial-home .owl-next {

        padding: 2px 0px;
        width: 40px;
        height: 40px;

    }

    .logo-block img{
        height: auto !important;
    }
    .footer-top {
        padding: 60px 0px 10px 0px;
    }
    z
    .footer-col-3 {
        margin-bottom: 30px;
    }

    .col-fourth {
        margin-top: 40px;
        clear: both;
    }


    .show-under-991 .site-button,
    .show-under-991 .site-button-secondry{
        padding:7px 15px;
        margin-top: 4px;
    }

    .navbar-collapse {
        margin:0 !important;
    }

    .header-middle .logo-header {
        height: 70px;
    }

    .show-under-991 .site-button-secondry.login-btn{
        display: none;
    }

    .testimonial-home .owl-dots {
        margin-top: 0;
    }
    .comments-area .comment-form p {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .mt-left-part,
    .mt-right-part {
        width: 100%;
        padding: 0px 15px
    }
    .mt-left-part {
        clear: both;
        float: none;
    }

    .masonry-filter.button-style>li {
        margin-bottom: 10px;
    }

    .masonry-item {
        width: 100%;
    }

    .mt-separator h1,
    .mt-separator h2,
    .mt-separator h3{
        font-size:30px;
        margin-bottom:0px;
    }

    .mt-tabs .nav-tabs>li {
        float: none;
    }

    .testimonial-1.no-bg-testimonial {
        margin: 0px;
        border: 1px solid #f0f0f0;
    }
    .testimonial-1{padding:0px;margin:0px;}

    .testimonial-2.no-bg-testimonial {
        margin: 0px;
        border: 1px solid #f0f0f0;
    }
    .testimonial-2{padding:0px;margin:0px;}

    .call-to-action-wrap{
        position:inherit;
        margin:0px;
        padding:0px;
        transform:none;
        left:inherit;
        top:inherit;
    }

    .footer-clear {
        display: block !important;
        clear: both;
    }
    #footer .footer-4-col {
        width: 100%;
    }
    .footer-bottom [class*="clo-"] {
        width: 100%;
    }

    .comment-form [class*="comment-form"] {
        width: 100%;
    }

    .mt-media>img,
    .mt-media a>img {
        width: 100%;
    }

    .m-carousel-2 {
        margin-right: 65px;
    }

    .some-facts:after,
    .some-facts:before {
        height: 100px;
    }

    .m-about {
        margin: 0px 0px 0px 50px;
    }
    .m-about-containt {
        margin-top: 60px;
    }

    .our-story .row:nth-child(even) [class*="col-"] {
        float: left;
    }
    .our-story .row:nth-child(odd) .our-story-pic {
        margin-right: 0px;
        margin-left: 50px
    }
    .our-story .row:nth-child(even) .our-story-detail {
        margin-right: 0px;
        margin-left: 50px;
    }
    .our-story .row:nth-child(even) {
        text-align: left;
    }
    .our-story:after {
        left: 20px;
    }
    .our-story .row:nth-child(odd) .our-story-pic-block:after {
        left: 20px;
        right: auto;
    }
    .our-story .row:nth-child(even) .our-story-pic-block:after {
        left: 20px;
    }
    .our-story .row:nth-child(odd) .our-story-pic-block:before {
        left: 80px;
    }
    .our-story .row:nth-child(even) .our-story-pic-block:before {
        right: auto;
        left: 80px;
    }

    .filter-content-left,
    .filter-content-right {
        width: 100%;
        float: none;
        clear: both
    }
    .filter-content-left .btn-filter-wrap li {
        display: block;
        font-size: 14px;
        padding: 0px 20px 10px 0px;
        float: left;
    }

    .counter.font-60 {
        font-size: 28px;
    }
    .testimonial-6 {
        margin: 20px 10px;
    }

    #search form {
        width: 90%;
        margin-left: 5%;
        font-size: 26px;
    }
    #search input[type="search"] {
        padding: 0px 0px 0px 30px;
    }
    #search .search-btn {
        padding: 0px 15px;
    }
    #search .search-btn i {
        font-size: 24px;
    }
    #contact_us_popup form {
        width: 90%;
        margin-left: 5%;
        font-size: 26px;
    }
    #contact_us_popup input[type="search"] {
        padding: 0px 0px 0px 30px;
    }
    #contact_us_popup .search-btn {
        padding: 0px 15px;
    }
    #contact_us_popup .search-btn i {
        font-size: 24px;
    }

    .site-search {
        width: 100%;
    }
    .site-search .site-button {
        padding: 0;
    }
    .site-search form {
        padding-left: 0;
    }

    .m-about {
        padding: 0px;
        margin: 0px;
    }
    .m-about::after {
        display: none;
    }

    .is-fixed .extra-nav {
        padding: 13px 0px;
    }

    .icon-font-block {
        width: 49.7%;
    }

    .grid-5 [class*="col-"],
    .grid-4 [class*="col-"],
    .grid-3 [class*="col-"] {
        width: 50%;
    }

    .slider-half-part {
        margin: 30px 0px;
    }

    .hilite-title{display:none;}

    .about-home{
        margin-top:50px;
    }

    .services-half-section-top {
        padding: 30px 0px;
    }

    #welcome .tp-shapewrapper {
        display: block !important;
    }

    #slider-boxed .tp-shapewrapper {
        display: block !important;
    }

    .mobile-page-padding{padding:30px 0px;}
    .inner-page-padding{padding:30px 0px;}

    .get-in-touch-form-section{
        position:inherit;
        left:auto;
        bottom:auto;
        margin:0px auto;
    }
    .get-in-touch-info{
        position:relative;
    }

    .kat_banner{
        height: auto;
        background-image:url("../images/mobile_seri_bg.png") !important;
        background-size: contain;
        padding-left: 73px;
        padding-top: 15px;
        padding-bottom: 12px;
        text-align: center;
        padding-right: 20px;
        background-color: #efefef;
    }

    .kat_banner img {
        height: 120px;
    }

    .kat_banner .kat_block {
        position: initial;
        width: 100%;
        height: 100%;
        padding: 0;
    }

}

@media ( max-width:720px) {
    .mt-tabs.vertical .nav-tabs {
        width: 100%;
        float: none;
        border-right: 0px;
    }
    .mt-tabs.vertical .tab-content {
        width: 100%;
        margin-left: 0px !important;
    }

    .mt-tabs.vertical .tab-pane {
        padding: 10px 0 10px 0px;
    }
}

@media (max-width:640px) {
    blockquote.author-quote {
        padding: 30px;
    }

    .latest-blog-4.blog-md .mt-post-media {
        width: 100%;
    }
    h2.font-45 {
        font-size: 32px;
        line-height: 38px;
    }
    h2 a.font-45 {
        font-size: 32px;
        line-height: 38px;
    }
    .call-us-number{
        font-size:28px;
    }

    .call-quote,
    .call-estimate{
        display:block;
    }


}
@media (max-width:620px) {
    .carousel-bg-img {
        display: none;
    }

    .icon-font-block {
        width: 100%;
    }

    .mobile-full2 {
        float: none;
        width: 100%;
    }
}
@media (max-width:600px) {
    .col-xs-100pc {
        width: 100%;
    }

    .masonry-filter>li {
        margin-bottom: 10px;
    }
    .masonry-filter>li a {
        font-size: 14px !important;
    }

    .header-middle .logo-header {
        float: none;
        width: 100%;
        text-align: center;
    }

    .header-style-2 .logo-header a img {
        max-width: 240px;
    }

    .header-middle .show-under-991{
        display: none;
    }
}
@media (max-width: 540px) {
    .mt-bnr-inr-entry .banner-title-name h1,
    .mt-bnr-inr-entry .banner-title-name h2,
    .mt-bnr-inr-entry .banner-title-name h3 {
        font-size: 24px;
        line-height: normal;
    }

    .btn-filter-wrap li,
    .btn-filter-wrap2 li {
        border: 1px solid #fff;
        padding: 5px 16px;
        margin-bottom: 5px;
    }
    .btn-filter-wrap li:after,
    .btn-filter-wrap li:after {
        display: none;
    }
    .btn-filter-wrap,
    .btn-filter-wrap2 {
        float: left;
    }
    .btn-filter-wrap li:last-child,
    .btn-filter-wrap2 li:last-child {
        padding-right: 15px;
    }
    .btn-filter-wrap li::after,
    .btn-filter-wrap2 li::after {
        display: none;
    }
    .is-fixed .navbar-toggle {
        margin-bottom: 0px;
    }
    .contact-slide-hide {
        right: -100%;
        width: 100%;
    }

    .page-notfound span.title{
        font-size: 80px;
        line-height: 70px;

    }
}

@media (max-width: 500px) {
    ol.comment-list {
        padding: 15px;
    }
    ol.comment-list li.comment .comment-body {
        padding: 20px 30px 20px 20px;
        text-align: center;
    }
    ol.comment-list li.comment .comment-author .avatar {
        left: -15px;
        top: 12px;
        width: 60px;
        height: 60px;
        position: inherit;
        display: block;
        margin: 0px auto;
    }
    ol.comment-list li .children {
        list-style: none;
        margin-left: 40px;
    }
    ol.comment-list li.comment .reply {
        text-align: center;
    }

}


@media (max-width:480px) {
    .widget_gallery li {
        width: 32.1%;
    }

    #header-part.fix-map-header {
        height: 160px;
    }

    .logo-header {
        width: 100px;
    }

    .social-bx,
    .e-p-bx,
    .login-bx {
        margin-top: 5px;
        margin-bottom: 5px !important;
    }

    .header-top-info {
        display: none;
    }

    button.scroltop {
        font-size: 7px;
        height: 30px;
        width: 30px;
        line-height: 16px;
    }
    button.scroltop span {
        font-size: 10px;
        line-height: 10px;
    }

    .section-head h1,
    .section-head h2,
    .section-head h3 {
        font-size: 22px;
        line-height:inherit;
    }
    .mt-post-title h2.post-title{
        font-size: 22px;
        line-height:inherit;
    }

    .m-carousel-2 .carousel-hover .carousel-line h2 {
        font-size: 18px;
    }
    .m-carousel-2 .carousel-hover .carousel-line p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .m-carousel-2 .mt-carousel-info {
        width: 100%;
        padding: 25px;
    }

    .carousel-line::after {
        width: 80px;
        height: 4px;
        left: -17px;
        bottom: -10px;
    }
    .carousel-line::before {
        width: 4px;
        height: 80px;
        left: -12px;
        bottom: -16px;
    }

    .latest-blog-square {
        padding: 15px;
    }

    .some-facts {
        padding: 20px;
    }
    .some-facts span {
        font-size: 24px;
        line-height: inherit;
    }
    .some-facts h2 {
        font-size: 24px;
        line-height: inherit;
    }
    .some-facts p {
        font-size: 14px;
        line-height: inherit;
    }

    .m-about-containt h1,
    .m-about-containt h2,
    .m-about-containt h3{
        font-size: 22px;
        line-height:inherit;
    }

    .video-section-full{
        width:100%;
        margin-bottom:15px;
    }
    .video-section-full-v2 .video-section-full{
        margin-left:0px;
    }

    .service-about-right h3{    font-size: 22px; line-height:inherit;}
    .faq-1{
        padding-left:15px;
        padding-right:15px;
    }

}


@media (max-width:420px) {
    .pricingtable-bx {
        font-size: 40px;
    }
    .pricingtable-type {
        font-size: 18px;
    }

    .masonry-item .mt-post-info {
        padding-bottom: 0px;
    }
    .masonry-item .mt-post-title h2.post-title {
        line-height: 14px;
    }
    .masonry-item .mt-post-title h2.post-title a {
        font-size: 14px;
        line-height: inherit;
    }
    .news-grid .mt-post-text {
        display: none;
    }

    .line-filter a.v-button {
        bottom: 70px;
    }

    .testimonial-6 {
        text-align: center;
    }
    .testimonial-6 .testimonial-pic-block {
        float: none;
        margin-bottom: 20px;
    }
    .testimonial-6 .testimonial-text {
        padding-left: 0px;
    }
    #search form {
        font-size: 16px;
    }
    #search input[type="search"] {
        padding: 0px 0px 0px 10px;
    }
    #search .search-btn {
        padding: 0px 15px;
    }
    #search .search-btn i {
        font-size: 18px
    }

    #contact_us_popup form {
        font-size: 16px;
    }
    #contact_us_popup input[type="search"] {
        padding: 0px 0px 0px 10px;
    }
    #contact_us_popup .search-btn {
        padding: 0px 15px;
    }
    #contact_us_popup .search-btn i {
        font-size: 18px
    }

    .about-home{	margin-left:0px;	margin-bottom:0px;}
    .about-home:after{	display:none;}
    .about-home-right{
        margin-top: 15px;
    }

    .about-home{
        margin:0px;
    }
    .about-home-right{

        margin-left: 0px;
    }
    .about-home:after{
        top: 90px;
        left: 0;
        width: 100%;
    }

    .mobile-full {
        float: none;
        width: 100%;
    }

    .footer-col-3 {
        margin-bottom:0px;
    }
}

@media (max-width: 380px) {
    ol.comment-list {
        padding: 0px;
    }
    ol.comment-list li.comment .comment-author .avatar {
        position: inherit;
        left: inherit;
        right: inherit;
        margin: 0px auto 20px;
        width: 50%;
        height: 20%;
        padding: 2%;
    }
    ol.comment-list li.comment {
        position: relative;
        padding: 0;
        margin-bottom: 10px;

    }

    .date-style-2 .post-date strong {
        font-size: 22px;
        line-height: 26px;
    }
}

@media ( max-width:360px) {
    table td {
        word-break: break-all;
    }

    .date-style-outline {
        padding-top: 70px;
    }
    .date-style-outline .post-date span {
        display: inline;
    }
    .date-style-outline .post-date {
        left: 0px;
        top: 20px;
    }

    h2.font-45 {
        font-size: 22px;
        line-height: 28px;
    }
    h2 a.font-45 {
        font-size: 22px;
        line-height: 28px;
    }

    .grid-5 [class*="col-"],
    .grid-4 [class*="col-"],
    .grid-3 [class*="col-"] {
        width: 100%;
    }
}