/* ===== Start Desktops and laptops
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1260px) {
	.top-image-section img {
		max-width: 300px;
	}

	body {
		font-size: 16px;
    	line-height: 24px;
	}

	.footer-content {
	    margin-top: 40px;
	}

	.container {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.description-inner {
	    padding: 0px 20px 0px 20px;
	}

	.about-text {
	    position: relative;
	    z-index: 1;
	}

	.about-inner {
		padding-right: 0px;
	}

	.about-inner:after {
		background-size: cover !important;
		width: 60%;
	}

	.back-to-top-btn {
		display: none !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.description-inner {
	    padding: 0px 20px 0px 20px;
	}

	.about-text {
	    position: relative;
	    z-index: 1;
	}

	.about-inner {
		padding-right: 0px;
	}

	.about-inner:after {
		background-size: cover !important;
		width: 100%;
	}

	.top-section {
		display: block;
	}

	.top-section-image {
		height: 400px;
	}

	.benefits-section ul li p br {
		display: none;
	}

	.top-section-image {
		width: 100%;
	}

	.top-section-description {
		width: 100%;
		padding: 30px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.choose-section-title h3 {
	    font-size: 32px;
    	line-height: 40px;
	}

	.choose-section-title {
	    padding-right: 30px;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	}
}

@media only screen and (min-width: 0px) and (max-width: 991px) {
	.top-image-section {
		background: url('../img/img-mobil-1.webp') no-repeat center center;
	}

	.bottom-image-section {
		background: url('../img/img-mobil-2.webp') no-repeat center center;
	}

	.top-image-section img {
		max-width: 240px;
	}

	body {
		font-size: 14px;
    	line-height: 20px;
	}

	.footer-content {
	    margin-top: 40px;
	}

	.footer-content .social {
		margin-bottom: 10px;
	}

	.inner {
		padding: 0px 15px;
	}

	.inner p {
		margin-bottom: 10px;
	}

	.back-to-top-btn {
		display: none !important;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.container {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.navbar {
		display: none;
	}

	.about-inner {
		padding: 30px;
	}

	.contact-menu {
		margin: 0px;
	}

	.about-text {
		padding: 0px;
	    position: relative;
	    z-index: 1;
	}

	.about-inner:after {
		background-size: contain !important;
		width: 100%;
	}

	.benefits-section ul {
		display: block;
	}

	.benefits-section ul li {
		width: 100%;
		display: flex;
		text-align: left;
		margin-bottom: 20px;
		align-items: center;
	}

	.benefits-section ul li:last-child {
		margin-bottom: 0px;
	}

	.benefits-section ul li p {
		padding-left: 20px;
	}

	.benefits-section ul li p br {
		display: none;
	}

	.benefits-section ul li img {
		margin-bottom: 0px;
	}

	.benefits-section {
	    padding: 30px 0px;
	}

	.top-section {
		display: block;
	}

	.top-section-image {
		height: 400px;
	}

	.benefits-section ul li p br {
		display: none;
	}

	.top-section-image {
		width: 100%;
		height: auto;
		background: none !important;
	}

	.description-inner {
		padding: 0px;
	}

	.top-section-image img {
		display: block;
	}

	.top-section-description {
		width: 100%;
		padding: 30px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.choose-section-content {
		display: block;
		padding: 30px 0px;
	}

	.choose-section-title {
		width: 100%;
		margin-bottom: 30px;
	}

	.choose-section-content ul {
		width: 100%;
		padding: 0px;
	}

	.choose-section-title h3 {
		font-size: 32px;
		line-height: 36px;
	}

	.contact-form-row {
		display: block;
		margin-bottom: 0px;
	}

	.contact-form-col {
		width: 100%;
		margin-bottom: 10px;
	}

	.choose-section-content ul li {
		margin-bottom: 25px;
	}

	.logo-img {
		display: block;
		margin: 0 auto;
		width: 120px;
	}

	.page-slogan {
		width: 90%;
	}

	.move-to-next-section {
		bottom: 100px;
	}

	.back-to-top-btn {
		display: none !important;
	}
}