@media (min-width: 576px) {

}

@media (min-width: 768px) {
	.thaw-container, .container {
		max-width: auto;
	}
}

@media (min-width: 992px) {
	.thaw-container, .container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.thaw-container {
		max-width: 1080px;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}


/*-----------------------------------------------------------------------------------*/
/*  Max Width 1280px
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {

    .footer-widgets-holder .footer-widget iframe {
        max-width: 100%;
    }

}

@media (min-width:1200px) {
    .services-wrap {
        width: 100%;
        margin: 13vh auto 0;
    }

    .service .item-description {
        margin: 10px 10px 0 20px;
    }

    .service .item-excerpt {
        font-size: 16px;
    }

    .service h2 {
        font-size: 34px;
        margin: 0 0 3vh 0;
    }

    .service .item-container .item-container-img {
        margin: 0 0 10px;
    }

    .service .item-container.last {
        margin-bottom: 8vh;
    }

}

@media (min-width:1024px) {
    .services-wrap .author-wrap {
        max-width: 500px;
        margin: 0 auto 25vh;
        padding: 5.5vh 55px;
    }

    .services-wrap .author-wrap .author-name {
        width: 100%;
        padding: 0 0 0 165px;
    }

}

@media only screen and (max-width: 1140px) {
    .main-wrapper .container {
        width: auto;
        padding: 0 30px 0 30px;
        box-sizing: border-box;
    }
    .header-style-1-wrap .main-menu ul.sm-clean>li {
        margin-right: 20px;
    }
    .row, .row-10 {
        margin: 0;
    }
}

/*-----------------------------------------------------------------------------------*/
/*  Max Width 1024px
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 992px) {

    .main-wrapper #header.no-redux .container {
        position: relative;
    }
        /*client block*/
    .tablet-column-1 {
        width: 100%;
        float: left;
    }
    .tablet-column-2 {
        width: calc(100%/2);
        float: left;
    }
    .tablet-column-3 {
        width: calc(100%/3);
        float: left;
    }
    .tablet-column-4 {
        width: calc(100%/4);
        float: left;
    }
    .tablet-column-5 {
        width: calc(100%/5);
        float: left;
    }

    
    .top-bar .info-wrap {
        margin-right: 20px;
    }
    .top-bar .head-info-icon i {
        font-size: 40px;
    }

    body .container.commerce {
        width: auto;
        max-width: 100%;
    }

    .footer-top .footer-top-inner input.form-email-footer {
        width: 60%;
    }

    .custom-post-widget .post-content .post-inner-content.has-thumb {
        padding-left: 15px;
    }

    .calendar_wrap #wp-calendar {
        font-size: 10px;
        text-align: center;
    }
    
}

/*-----------------------------------------------------------------------------------*/
/*  Max Width 992px
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) and (max-width: 860px) {
    .sidebar .widget h4.widget-title {
        line-height: 1.6;
    }
    .post-content-wrap .standard-post-date.span-head.sticky-sign:after {
        position: relative;
    }
    .header-style-1-wrap .main-menu ul.sm-clean>li+li {
        margin-right: 30px;
        margin-left: 0;
    }

    .main-blog-loop .blog-item {
        width: 100% !important;
        max-width: 100%;
    }

    .calendar_wrap #wp-calendar th, .calendar_wrap #wp-calendar td {
        padding: 0;
        text-align: center;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1139px) {

    .calendar_wrap #wp-calendar th, .calendar_wrap #wp-calendar td {
        padding: 3px;
        text-align: center;
    }
}

@media only screen and (min-width: 860px) and (max-width: 1024px) {
    .sidebar .widget h4.widget-title {
        line-height: 1.6;
    }
    .post-content-wrap .standard-post-date.span-head.sticky-sign:after {
        position: relative;
    }
    .header-style-1-wrap .main-menu ul.sm-clean>li+li {
        margin-right: 30px;
        margin-left: 0;
    }

    .main-blog-loop .blog-item {
        width: 100% !important;
        max-width: 100%;
    }
    .calendar_wrap #wp-calendar th, .calendar_wrap #wp-calendar td {
        padding: 2px;
        text-align: center;
    }

    .blog-section .tablet-column-1.blog-item {
        width: 100%;
    }
    .blog-section .tablet-column-2.blog-item {
        width: 50%;
    }
    .blog-section .tablet-column-3.blog-item {
        width: 33.33333%;
    }
    .blog-section .tablet-column-4.blog-item {
        width: 25%;
    }
    .blog-section .tablet-column-5.blog-item {
        width: 20%;
    }

    .elementor .elementor-image-gallery.custom-gallery .tablet-column-1.gallery-item {
        width: 100%;
        max-width: 100%;
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .tablet-column-2.gallery-item {
        width: calc(100%/2);
        max-width: calc(100%/2);
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .tablet-column-3.gallery-item {
        width: calc(100%/3);
        max-width: calc(100%/3);
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .tablet-column-4.gallery-item {
        width: calc(100%/4);
        max-width: calc(100%/4);
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .tablet-column-5.gallery-item {
        width: calc(100%/5);
        max-width: calc(100%/5);
        float: left;
    }

    .elementor .main-blog-loop .blog-item {
        margin-right: 0;
    }
    .elementor .main-blog-loop .blog-item .post-content-wrap {
        position: relative;
        width: 100%;
        max-width: 100%;
        top: 0 !important;
        margin-top: 30px;
        right: auto !important;
        padding-left: 20px;
        padding-right: 20px;
    }
    .sidebar .widget.widget_irhas_newestpostthumb .custom-post-widget .post-content .post-inner-content h5{
        font-size: 1.1rem;
        line-height: 1.3em;
        margin-bottom: 0;
    }
    .sidebar .widget.widget_irhas_newestpostthumb span.date.span-head{
        font-size: 1.1rem;
    }
}


/*-----------------------------------------------------------------------------------*/
/*  Max Width 768px
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

    .hide-mob {
        display: none !important;
    }
    .show-mob {
        display: block !important;
    }
    
    /* header */
    .header-style1-wrap .thaw-container {
        padding: 30px 0;        
    }
    .header-style1-wrap .header-column {
        position: relative;
        grid-template-columns: auto;
        clear: both;
        display: flex;
        margin: 0 30px;
    }
    .header-style1-wrap .header-content-left {
        float: left;
        width: 100%;
        max-width: 100%;
        align-items: unset;
        flex-wrap: unset;
        display: unset;
    }
    .main-menu-btn {
        right: 0;
        left: auto;
    }

    .header-style-1-wrap ul.sm-clean ul li ul {
        padding: 0;
    }
    #header .fr.horizontal .head-item {
        margin-right: 0;
    }
    #header .fl.horizontal .head-item {
        float: left;
    }
    #header.header-style-1-wrap .logo {
        display: inline-block;
    }
    .header-style-1-wrap .main-menu {
        display: block;
        width: 100%;
    }

    .subheader .thaw-container {
        padding: 0 30px;
    }

    .irhas-pagination {
        padding: 0 30px;
        margin-bottom: 80px;
    }

    .header-style-1-wrap .fc.header_center_float .main-menu ul li {
        display: block;
    }
    .header-style-1-wrap .fc.header_center_float .main-menu {
        margin-top: 60px;
    }
    header#header.inner-head-wrap.header-expanded.alt-head, header#header.inner-head-wrap.header-expanded.alt-head .main-menu ul li {
        background-color: #000000;
    }

    /*mobile menu*/
    /* hide the button in desktop view */
    .main-menu-btn {
        position: absolute;
        z-index: 2;
        right: 0;
        display: block;
        top: 10px;
    }
    .site-title {
        margin-bottom: 0;
    }
    #header.header-style-1-wrap.no-redux .logo {
        text-align: left;
        width: 100%;
    }
    #header.no-redux .main-menu-btn {  
        top: 15px;
    }

      /* always show the menu in desktop view */
    #main-menu-state:not(:checked) ~ #main-menu {
        display: block;
    }

    /* Header Style 1 */
    .header-style-1-wrap .menu-wrapper {
        float: none;
        width: 100%;
        max-width: 100%;
    }
    #header.header-style-1-wrap .mobile-menu {
        display: block;
        text-align: right;
    }
    .account-btn.active {
        display: block;
    }
    #header.header-style-1-wrap .logo {
        float: none;
        text-align: center;
    }
    #header.header-style-1-wrap .menu-wrapper .main-menu {
        display: block;
    }

    /* Mobile Menu */
    .header-style1-wrap .main-menu {
        display: block;
    }
    #header .mobile-menu {
        display: block;
        text-align: right;
    }
    ul.sm-clean {
        display: none;
        margin-top: 30px;
    }
    #primary-menu ul.sm-clean.menu-active, #primary-menu ul.sm-clean.menu-active {
        display: block;
    }
    #primary-menu ul.sm-clean > li {
        margin-left: 0;
        padding: 0;
        border-top: 0;
        margin-right: 0;
        border-bottom: 1px solid #eee;
    }
    #primary-menu ul.sm-clean > li > a {
        font-size: 14px;
        padding: 12px 0;
        text-align: left;
    }
    .header-style-1-wrap ul.sm-clean ul li a {
        padding: 12px 10px;
    }
    .header-style-1-wrap .main-menu ul.sm-clean>li>a::before, .header-style-1-wrap .main-menu ul.sm-clean>li.current-menu-item>a::before,
    .header-style-1-wrap .main-menu ul.sm-clean>li>a::after,
    .header-style-1-wrap .main-menu ul.sm-clean>li::before
    .header-style-1-wrap .main-menu ul.sm-clean>li::after {
        display: none;
    }
    #primary-menu ul.sm-clean > li > a span.sub-arrow {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        width: 47px;
        height: 45px;
        line-height: 44px !important;
        border-radius: 0;
        background-color: #0a0a0a;
        color: #ffffff;
    }
    .sm-clean ul.sub-menu {
        background-color: #0a0a0a;
    }
    .sm-clean li.has-submenu, .sm-clean li.menu-item-has-children {

    }
    #primary-menu .sm-clean ul.sub-menu li a {
        color: #555555;
        padding: 12px 30px;
        border: 0;
        font-size: 13px;
    }
    #primary-menu .sm-clean ul.sub-menu li a:hover {
        opacity: 0.7;
    }
    .header-style-1-wrap ul.sm-clean ul {
        padding: 12px 10px;
    }
    .header-style-1-wrap ul.sm-clean ul li {
        border: 0;
    }
    .header-style-1-wrap ul.sm-clean li ul li ul li a {
        border-top: 1px solid #009a67 !important;
        border-bottom: 1px solid #009a67 !important;
        background-color: #009a67 !important;
        margin: 0 !important;
        -webkit-transition: all .2s linear 0;
        -o-transition: all .2s linear 0;
        transition: all .2s linear 0;
    }

    .subheader .subheader-content-right {
        display: none;
    }

    .sm-clean a span.sub-arrow {
        border-radius: 0;
        background-color: #009a67;
        color: #fff !important;
        opacity: 1;
        height: 100%;
        margin-top: 0;
        top: 0;
        right: 0;
        width: 47px;
        height: 44px;
        line-height: 2.7 !important;
    }
    
    /* blog loop */
    .blog-content-wrap {
        margin: 100px 0;
    }
    .blog-loop .thaw-container {
        padding: 0;
    }
    #vtbs.main-blog-loop {
        padding: 0 30px;
    }
    .blog-loop .grid {
        display: block;
    }
    #vtbs .post-style-1 {
        padding-right: 40px;
    }
    #vtbs .post-style-1 .blog-thumb {
        margin: 0;
    }
    #vtbs .post-style-1 .blog-content {
        position: relative;
        bottom: 0;
        min-width: auto;
        max-width: 100%;
        padding: 60px;
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    }
    #vtbs .button-style-1 {
        margin-top: 30px;
    }
    #vtbs .post-style-1.no-thumb .blog-content {
        margin-right: 0;
    }

    /* single post */
    .single-post-wrap .grid {
        display: block;
    }
    .single-post-wrap .thaw-container {
        padding: 0;
    }
    .content-related-post:first-child {
        margin-bottom: 20px;
    }
    .blog-single.content-section {
        margin-bottom: 60px;
    }
    .single-post-wrap .blog-single.content-section .blog-item, .related-wrap-out, .comment-wrap-out {
        padding: 0 30px;
    }

    /* single service */
    .single-service .grid {
        display: block;
    }
    .single-service .thaw-container {
        padding: 0;
    }
    .single-service .blog-sidebar.column-75{
        width: 100%;
    }
    .single-service .sidebar {
        padding: 0 30px;
        margin-top: 60px;
        width: 100%;
    }
    .single-project-content-wrap {
        width: 80%;
    }
    .pagination-project .column {
        width: 50%;
        float: left;
    }

    /* single project */
    .single-project .grid {
        display: block;
    }
    .single-project .thaw-container {
        padding: 0;
    }

    /* sidebar */
    #primary-sidebar {
        padding: 0 30px;
    }

    /* footer */
    .footer-widgets-holder {
        padding: 30px;
    }
    .footer-widgets-holder .grid, .footer-bottom-holder .grid {
        display: block;
    }
    .footer-widgets-holder .thaw-container, .footer-bottom-holder .thaw-container {
        padding: 0;
    }
    .footer-bottom-holder .footer-bottom {
        padding: 0 30px;
        text-align: center;
    }
    .contact-footer {
        display: block;
    }
    .footer-bottom-holder .footer-bottom .footer-bottom-contact {
        display: block;
        margin-top: 15px;
    }

    .footer-bottom-holder .footer-bottom-contact .footer-socials {
        text-align: center;
        margin-top: 15px;
        margin-left: 0;
    }

    .footer-widgets-holder .footer-widget {
        margin-bottom: 30px;
    }

    .footer-widgets-holder .footer-widget:last-child {
        margin-bottom: 0;
    }

    .footer-bottom-holder .footer-bottom .footer-bottom-contact ul{
        text-align: center;
    }

    .header-info {
        display: none;
    }
    
    #vtbs .post-style-1 .blog-content .blog-text {
        min-width: auto;
    }

    #vtbs .post-style-1:last-child {
        position: relative;
        margin-bottom: 50px;
    }

    .content-related-post .post-thumb {
        margin-bottom: 0;
        width: 100%;
        float: left;
    }

    .content-related-post .image-description-content{
        margin-left: 0;
    }

    .content-related-post .post-thumb img{
        width: 100%;
        margin-bottom: 20px;
    }

    .related-services-wrap{
        padding: 10px 20px
    }

    .team-wrap .team-style-1 img{
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    /*client block*/
    .column {
      float: none;
      max-width: 100%;
      padding-left: 0;
      padding-right: 0;
    }
    .column-1 {
        width: 100%;
    }

    .column-2 {
        width: 100%;
    }

    .column-3 {
        width: 100%;
    }

    .column-2of3 {
        width: 100%;
    }

    .column-4 {
        width: 100%;
    }

    .column-5 {
       width: 100%;
    }
    .column-25 {
        width: 100%;
    }
    .column-75 {
        width: 100%;
    }
    .column-40 {
        width: 100%;
    }
    .column-60 {
        width: 100%;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .mobile-column-1 {
        width: 100%;
        float: left;
    }
    .mobile-column-2 {
        width: calc(100%/2);
        float: left;
    }
    .mobile-column-3 {
        width: calc(100%/3);
        float: left;
    }
    .mobile-column-4 {
        width: calc(100%/4);
        float: left;
    }
    .mobile-column-5 {
        width: calc(100%/5);
        float: left;
    }

    .blog-section .mobile-column-1.blog-item {
        width: 100%;
    }
    .blog-section .mobile-column-2.blog-item {
        width: 50%;
    }
    .blog-section .mobile-column-3.blog-item {
        width: 33.33333%;
    }
    .blog-section .mobile-column-4.blog-item {
        width: 25%;
    }
    .blog-section .mobile-column-5.blog-item {
        width: 20%;
    }

    .elementor .elementor-image-gallery.custom-gallery .mobile-column-1.gallery-item {
        width: 100%;
        max-width: 100%;
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .mobile-column-2.gallery-item {
        width: calc(100%/2);
        max-width: calc(100%/2);
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .mobile-column-3.gallery-item {
        width: calc(100%/3);
        max-width: calc(100%/3);
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .mobile-column-4.gallery-item {
        width: calc(100%/4);
        max-width: calc(100%/4);
        float: left;
    }
    .elementor .elementor-image-gallery.custom-gallery .mobile-column-5.gallery-item {
        width: calc(100%/5);
        max-width: calc(100%/5);
        float: left;
    }

    
}

/*-----------------------------------------------------------------------------------*/
/*  Max Width 640px
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
    .event-section .event-thumb, .event-section .event-thumb-head {
        display: none;
    }
    .event tbody tr td.event-ticket-link a {
        display: block;
        border-radius: 0;
        text-align: center;
    }
    .event tbody tr td.event-ticket-link a.rsvp {
        margin-bottom: 10px;
    }
    .testi-page.post-car-arrow-wrap.on-side {
        display: none;
    }
    .error404 .outer .the-title:after {
        left: 46%;
    }

    /* comment */
    .comments-area ol.comment-list li article.comment .avatar {
        margin-bottom: 20px;
    }

    .blog-single .post-author .author-ava{
        width: 100%;
    }
    
    .blog-single .post-author .author-desc{
        width: 100%;s
    }
}

/*-----------------------------------------------------------------------------------*/
/*  Max Width 480px
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 575px) {
    #vtbs .post-style-1.no-thumb:after, #vtbs .post-style-1 .blog-thumb:after {
        width: 90%;
    }
}
@media only screen and (max-width: 480px) {
    .blog-content-wrap {
        margin: 40px 0;
    }
    #vtbs .post-style-1 .blog-thumb:after,
    #vtbs .post-style-1.no-thumb:after {
        display: none;
    }

    #vtbs .post-style-1.no-thumb, #vtbs .post-style-1 {
        padding: 0;
    }
    #vtbs .post-style-1 {
        margin-bottom: 40px;
    }
    #vtbs .post-style-1.no-thumb .blog-content {
        margin: 0;
    }
    #vtbs .post-style-1 .blog-content {
        padding: 30px;
    }
    .highlighted {
        font-size: 2rem;
    }
    .pagination-project p {
        font-size: 1.1rem;
    }

    .irhas-pagination {
        margin-bottom: 40px;
    }
    .slider-style-1 .swiper-wrapper .swiper-slide img{
        width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }

    #vtbs .post-style-1.no-thumb {
        margin-bottom: 40px;
    }
}

/*-----------------------------------------------------------------------------------*/
/*   Media Queries Header Animation
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 77em) {
    
    .outer-nav.top {
        top: 15%;
    }

    .outer-nav.bottom {
        bottom: 15%;
    }
}

@media screen and (max-width: 36.625em), screen and (max-height: 41.75em) {

    .outer-nav.top {
        top: 5%;
    }

    .outer-nav.bottom {
        bottom: 5%;
    }
    
    .outer-nav.horizontal {
        font-size: 1.7em;
        width: 6.2em;
    }

    .outer-nav.horizontal a {
        display: block;
        text-align: left;
    }

    /* Special Case */
    .effect-rotatetop .outer-nav.horizontal {
        width: 95%;
        bottom: auto;
        top: 50%;
    }

    .effect-rotatetop .outer-nav.horizontal a {
        display: inline-block;
    }

}

@media screen and (max-width: 31em), screen and (max-height: 36.2em) {
    .outer-nav.horizontal,
    .outer-nav.vertical {
        font-size: 1.2em;
        width: 6.8em;
    }

    .outer-nav.right {
        right: auto;
        left: 50%;
    }
}

@media screen and (max-height: 31.6em) {
    .outer-nav a {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .header-style-1-wrap.no-redux .search-wrap {
        right: 10%;
    }

    .blog-section .blog-item .meta-wrapper {
        display: none;
    }

    .logo .site-title {
        font-size: 33px;
    }

    /*Newsletter*/
    .footer-top .footer-top-inner input.form-email-footer {
        width: 100%;
        margin-bottom: 20px;
    }
    .footer-top .footer-top-inner .call-btn {
        margin-right: auto;
        margin-left: auto;
    }
    .footer-top .footer-top-inner {
        padding: 40px 0;
    }
    .footer-top .footer-top-inner .footer-right {
        margin-top: 0;
        margin-bottom: 25px;
    }
}