/* todo: New Add */

/* Base mobile fixes */
@media only screen and (max-width: 1200px) {
    body {
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
    }

    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 991px) {
    body {
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
    }

    .main-nav {
        padding: 0px;
        width: 100%;
        max-width: 100%;
    }

    .main-nav .site-navigation {
        background: #ffffff;
        width: 100%;
        max-width: 100%;
    }

    .main-nav .site-navigation .navbar-brand img {
        height: 80px;
        max-width: 100%;
    }

    /* Fix navbar collapse */
    .navbar-collapse {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .navbar-nav {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    .nav-item {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    /* Fix dropdown menus */
    .dropdown-menu {
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        position: static !important;
        float: none;
        box-shadow: none;
        border: none;
        background: transparent;
    }

    .dropdown-item {
        padding: 8px 15px;
        border-bottom: 1px solid #eee;
    }

    /* Fix hero section */
    .hero-slide-item {
        height: 330px;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .slide-content {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
    }

    .slide-content .slide-title {
        font-size: 25px;
        font-weight: 600;
        line-height: normal;
        word-wrap: break-word;
    }
}

@media only screen and (max-width: 768px) {
    body {
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
    }

    .hero-slide-item {
        height: 300px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden;
    }

    .slide-content {
        width: 100%;
        max-width: 100%;
        padding: 0 10px;
    }

    .slide-content .slide-title {
        font-size: 35px;
        font-weight: 600;
        line-height: 50px;
        word-wrap: break-word;
    }

    /* Fix container padding */
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Fix navbar */
    .homely-header-customize {
        /* padding: 5px 0; */
    }

    .navbar-brand img {
        width: 150px !important;
        height: 40px !important;
    }
}

@media only screen and (max-width: 480px) {
    body {
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
    }

    .hero-slide-item {
        height: 250px !important;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .slide-content {
        width: 100%;
        max-width: 100%;
        padding: 0 5px;
    }

    .slide-content .slide-title {
        font-size: 28px;
        font-weight: 600;
        line-height: 40px;
        word-wrap: break-word;
    }

    /* Fix container padding */
    .container {
        padding-left: 5px;
        padding-right: 5px;
    }

    /* Fix navbar */
    .navbar-brand img {
        width: 120px !important;
        height: 35px !important;
    }

    /* Fix side buttons */
    .side-whatsapp-buttons,
    .side-mobile-buttons {
        right: 0px;
        max-width: 60px;
    }

    .side-whatsapp-buttons img,
    .side-mobile-buttons img {
        height: 35px;
        width: auto;
    }
}

/* Fix for all screen sizes */
* {
    box-sizing: border-box;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

/* todo: End New Add */

@media only screen and (max-width: 480px) and (min-width: 320px) {
	body {
		overflow-x: hidden;
	}
	.main-nav .site-navigation {
	    padding: 0px 20px 0px 20px;
	}
	.main-nav .site-navigation .navbar-brand img {
	    height: 80px;
	}

    .header-navigation-area {display: none; }
	.header .header-top .header-top-right {
	    text-align: center;
	}
	.site-menu-wrap {
	    z-index: 9999;
	    position: fixed;
	    background: #f1f1f1;
	    top: 0;
	    left: -800px;
	    width: 95%;
	    height: 100%;
	    border-radius: 5px;
	    transition: all 500ms ease-in-out;
	    padding: 80px 60px;
	}
	.mobile-menu{
		display: block!important;
	}
	.desk-menu{
		display: none!important;
	}
	.search-section {
    	height: 470px;
	}
	.contact-details{
		width: 85%;
	}
	.footer .footer-item{
		position: relative;
		padding: 10px 20px;
	}
}

@media only screen and (max-width: 991px) {
	.main-nav{
		padding: 0px;
	}
	.main-nav .site-navigation {
	    background: #ffffff;
	}
	.main-nav .site-navigation .navbar-brand img {
	    height: 80px;
	}
	#feature-top {
	    margin: 50px 0px 20px;
	}
	.hero-slide-item {
		height: 330px;
        width: 100%;
	}
	.slide-content {
		width: 100%;
		color: #fff;
		position: absolute;
		top: 55%;
		right: 0%;
		left: 0%;
		transform: translateY(-50%);
		text-align: center;
	}
	.slide-content .slide-title {
	    font-size: 25px;
	    font-weight: 600;
	    line-height: normal;
	}
	.slide-content .hero-slide-desc {
	    font-size: 16px;
	    margin-bottom: 0;
	    line-height: normal;
	}
	.footer-widget .footer-social ul li {
	    display: inline-block;
	}
	.line-footer{
		display: none;
	}

    .mobile-menu-trigger {display: block; }
    .site-menu-wrap {
    	display: none;
    }
    .header-breadcrumb {
	    padding: 80px 0;
	    text-align: center;
	}
	.nav-item {
		display: block;
	}
	.flaticon-angle-arrow-down{
		display: none;
	}
	.nav-item.has-children .dropdown .nav-item a {
	    color: #fff;
	    padding: 8px 0px;
	    font-weight: 500;
	}
	.slicknav_nav ul{
		width: 100%;
	}
	.slicknav_nav .has-children ul li {
	    padding-left: 25px;
	}

	.nav-item.has-children .dropdown .nav-item a:hover {
	    margin-left: 0px;
	}

    .header-navigation-area {display: none; }
    .mobile-menu-trigger {display: block; }
	.header .header-top .header-top-right {
	    text-align: center;
	}
}

@media only screen and (max-width: 768px) {
	.hero-slide-item {
		height: 300px !important;
        width: 100% !important;
        /* object-fit: contain !important; */
	}
	.slide-content {
	    width: 100%;
	}
	.slide-content .slide-title {
	    font-size: 35px;
	    font-weight: 600;
	    line-height: 50px;
	}
}


@media only screen and (min-width: 1200px) {
	.hero-slide-item {
		height: 700px!important;
        width: 100% !important;
	}
	.slide-content .slide-title {
		font-size: 50px;
	    font-weight: 700;
	}
}
@media (max-width: 480px ) {
	.hero-slide-item {
		height: 250px !important;
        width: 100%;
        object-fit: contain;
	}
	.slide-content {
	    width: 100%;
	}
	.slide-content .slide-title {
	    font-size: 28px;
	    font-weight: 600;
	    line-height: 40px;
	}
}
@media (min-width: 768px ) {

}
@media (min-width: 992px ) {

}

@media (min-width: 1200px) {
	.container {
        max-width: 1200px;
    }
}