@media only screen and (max-width:1700px) and (min-width:1201px) {
    .header-button { 
        padding: 13px 32px;
    }
    .slider_heading{
        width: 85%;
    }
    #home_slider .owl-nav {
        position: absolute;
        right: -16%;
        left: -16%;
    }
    .product-main {
        width: 75%;
    }
    .contact-box {
        background: #fff;
        padding: 5px 15px;
        width: 45%;
        position: absolute;
        right: 7%;
        top: 14%;
        z-index: 1;
    }
    .testimonial-box {
        width: 40%;
        right: 4%;
        top: 36%;
    }
}
@media only screen and (max-width:1200px) and (min-width:992px) {
	.sidebar .widget table tbody a {
		padding: 1px;
		margin-left: -10px!important;
	}
    .slider_heading{
        width: 100%;
    }
    #home_slider .owl-nav {
        right: -12%;
        left: -12%;
    }

	.footer-sidebar .widget table tbody a {
		padding: 2px;
		margin-left: -7px;
	}
    div#gb_responsive:before {
        left: -25%;
        width: 120px;
    }
    .product-main{
        width: 100%;
    }
    .slider_main_box{
        padding-top: 0px !important;
    }
    .contact-box {
        width: 46%;
        right: 5%;
        top: 14%;
        z-index: 1;
    }
    .testimonial-box {
        width: 42%;
        right: -4%;
    }
    .slider-box{
        position: relative;
    }
    .product-main{
        position: relative;
    }
    .courses_main_box {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }
    section#home_slider {
        height: auto;
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .text-box,.text-box .default-text{
        text-align: center;
        margin-bottom: 15px;
    }
    .slider_main_box{
        padding-top: 0px !important; 
    }
    section#home_slider{
        height: auto;
    }
    img.course-image {
        height: 200px;
    }
    .slider_heading{
        width: 100%;
    }
    .product-main {
        position: relative;
        width: 100%;
    }
    .contact-box {
        width: 75%;
        position: relative;
        right: 0px;
        left: 0px;
        margin:0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .testimonial-box {
        position: relative;
        width: 77%;
        margin: 0 auto;
        right: 0px;
        margin-top: 30px;
        left: 0px;
    }
    .offer-box{
        top: 24%;
    }
    .navbar-area:after{
        display: none;  
    }
    .slider_heading h2 {
        font-size: 28px;
        line-height: 35px;
    }
    .slider-image-main:before {
        left: 0%;
        width: 275px !important;
        height: 300px !important;
    }
    .toggle-menu{
        text-align: center !important;
    }
    .slider-box{
        position: relative;
    }
    .slider-box:before,
    .slider-box:after,
    .slider_main_box:nth-child(5)::before,
    .slider_button:before,
    .slider_button:after{
        display: none;
    }
    .slider_main_box:nth-child(4) a.heading-btn,.slider_main_box:nth-child(5) a.heading-btn {
        flex-direction: row;
        gap: 10px;
    }
    .banner-conetnt{
        padding: 0px 10px;
    }
    .slider_main_box:nth-child(4) .slider_content_box,.slider_main_box:nth-child(5) .slider_content_box{
        left: 0px;
    }
    .slider_content_box a.heading-btn{
        justify-content: center;
    }
    .slider_content_box a.heading-btn svg{
        height: 1.5em !important;
    }
    .slider_content_box {
        right: 50%;
    }
}

/* Mobile Layout: 320px */

@media only screen and (max-width:575px) {
    .logo.main {
        text-align: center;
    }
    span#search-icon{
        border-left: 0px;
    }
    .button-box,.search-box{
        text-align: center;
        margin-bottom: 20px;
    }
    .header-button{
        top: 0px;
        position: relative;
    }
    .translator-box{
        text-align: center;
    }
    .slider-image-main img.slider-img{
        width: 100% !important;
        height: 300px !important;
    }
}

@media only screen and (max-width:991px) {
    .nav-stick.header-fixed{
        position: static;
    }
    div#gb_responsive:before{
        display: none;
    }
    #home_slider .owl-nav{
        display: none;
    }
    .post-thumbnail img {
        width: 100%;
    }
    #blog-content article.blog-post:last-child {
        margin-bottom: 80px;
    }
    /* Blog page */
    .post-new-comment,
    ul.meta-info,
    #blog-content .post-content,
    .post-comment-area .media {
        padding: 30px 30px;
    }
    ul.meta-info li {
        margin-bottom: 10px;
    }
    #blog-content ul.meta-info {
        padding: 15px 30px;
    }
    .single-blog-area .tag-share {
        padding: 10px 30px;
    }
    #blog-content ul.meta-info li {
        margin-right: 10px;
    }
    .scrollup {
        right: 5px;
        bottom: 5px;
    }
}

/* Wide Mobile Layout: 480px */

@media only screen and (max-width:767px) and (min-width:576px) {
    img.course-image {
        height: 200px;
    }
}

@media only screen and (max-width:767px) {
    #footer-widgets p {
        margin-bottom: 24px;
    }
    .translator-box{
        justify-content: center;
    }
    .slider-image-main img.slider-img{
        margin:0 auto;
    }
    .slider-image-main:before{
        margin: 0 auto;
        right: 0px;
    }
    .product-main {
        padding: 10px 30px;
        width: 100%;
        position: relative;
    }
    section#home_slider{
        height: auto;
    }
    .contact-box p{
        text-align: center;
    }
    #home_slider .icons-media{
        bottom: 0;
        position: relative;
        display: block;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: center;
    }
    .search-box{
        text-align: center;
    }
    .slider_main_box{
        width: 100%;
    }
    
    .contact-box {
        width: 100%;
        position: relative;
        right: 0px;
        top: 14%;
        left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .offer-box {
        top: 0;
        position: relative;
        right: 0px;
        margin: 0 auto;
        left: 0px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .slider_heading h2 {
        font-size: 23px;
        line-height: 30px;
    }
    .slider_heading,.testimonial-box{
        width: 100%;
    }
    .testimonial-box{
        position: relative;
        left: 0px;
        right: 0px;
        margin: 0 auto;
    }
    .slider_button{
        margin-bottom: 0px !important;
    }
    .slider-image-main:before {
        left: 0%;
        width: 280px !important;
        height: 300px !important;
    }
    .testimonial-image{
        justify-content: center;
    }
    h3.single-word-heading{
        display: none;
    }
    .main-header-box{
        padding-bottom: 0px;
    }
    .navbar-area {
        border-radius: 10px;
    }
    .slider-image-main{
        justify-content: center;
    }
    .navbar-area:after{
        display: none;
    }
    .slider-image-main,.course-image img{
        margin-bottom: 10px;
    }
    .logo-box{
        padding-right: 15px !important;
    }
    .search-box{
        padding-left: 15px !important;
    }
    .page-template-template-homepage #header{
        position: relative;
    }
    #header.nav-stick.header-fixed{
        position: relative !important;
    }
    .slider-box{
        position: relative;
    }
    .slider_main_box:after{
        display: none;
    }
    .slider-box:before,
    .slider-box:after,
    .slider_button:before,
    .slider_button:after{
        display: none;
    }
    .counter-box.row{
        width: 100%;
    }
    .slider-counter-box{
        clip-path: none;
    }
    .slider_content_box a.heading-btn{
        justify-content: center;
    }
    .slider_content_box a.heading-btn svg{
        height: 1.5em !important;
    }
    .slider_content_box h3{
        text-align: center;
    }
    .slider_content_box {
        right: 10%;
        left: 10%;
        text-align: center;
    }
    .container.inner-content {
        width: 100%;
        margin-left: 0;
    }
    ul.meta-info,
    #blog-content .post-content {
        padding: 30px 15px;
    }
    #blog-content .featured-img .single-meta-box {
        top: 25%;
        transform: none;
        left: 0%;
        width: 100%;
    }
}

@media only screen and (max-width:720px) {
	.comment-author.vcard {
        display: grid;
    }	
	.post-content table {
		overflow-x: auto;
		display: flex;
	}	
}

@media screen and (min-width:1700px) and (max-width:1900px){
    .container{
        max-width: 1520px;
    }
}
@media screen and (min-width:1920px) {
    .container{
        max-width: 1620px;
    }
}