/*
======================
For - Big - Screen
======================
*/

@media screen and (min-width: 1440px) {


}


/*
=======================
For - Dextop - Screen
=======================
*/


@media screen and (min-width: 1200px) and (max-width: 1399px) {


	/*
	----------------
	header-area
	----------------
	*/

	.header-area .container-fluid {
		max-width: 1080px;
	}


}


/*
=======================
For - Leptop - Screen
=======================
*/

@media screen and (min-width: 992px) and (max-width: 1199px) {

	/*
	----------------
	header-area
	----------------
	*/

	.header-area .container-fluid {
		max-width: 790px;
	}

}


/*
=======================
For - Ipad - Screen
=======================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {


	/*
	--------------------
	cuples-button-area
	--------------------
	*/

	.cuples-button-area > img.w-100 {
		height: 200px;
		object-fit: cover;
		object-position: left;
	}

	.overlay-img {
		height: 200px;
	}


	
}





/*
=======================
For - Mobile - Screen
=======================
*/

@media screen and (max-width: 767px) {

	/*
	----------------
	sm-show
	----------------
	*/

	.sm-show {
		background: #1D2F52;
		padding: 10px 20px 10px 16px;
	}

	.bars-nav {
		font-size: 22px;
		color: #fff;
		cursor: pointer;
	}

	.demo-off {
		background: #1D2F52;
		width: 300px;
	}


	/*
	---------------------
	image-gradient-area
	---------------------
	*/

	.overlay-img {
		height: 200px;
	}

	.image-gradient-area {
		padding: 40px 0 80px;
	}

	.logo-div a img {
		width: 250px !important;
	}

	.menu-button {
		padding: 75px 0 0;
	}

	.menu-button ul li:first-child {
		max-width: 0 0 15px;
	}

	#slider {
		height: 430px;
	}



	/*
	----------------
	complete-area
	----------------
	*/

	.complete-content h2 {
		font-size: 18px;
	}

	.complete-content p {
		font-size: 13px;
	}

	.complete-content ul li a {
		font-size: 16px;
		margin: 0 0 10px;
	}

	.center-img img {
		max-width: 320px;
	}




	/*
	--------------------
	cuples-button-area
	--------------------
	*/

	.cuples-button-area > img.w-100 {
		height: 200px;
		object-fit: cover;
		object-position: left;
	}

	.buttons-row {
		text-align: center;
	}
	
	.buttons-row ul {
		justify-content: center;
	}

	.buttons-row ul li {
		margin: 0 0 15px;
	}




	/*
	---------------
	footer-area
	---------------
	*/

	.footer-area {
		text-align: center;
	}

	.ftr-content2 {
		padding: 20px 0 0;
	}



}



@media screen and (min-width: 576px) and (max-width: 767px) {

	.container,
	.container-fluid {
		max-width: 540px;
	}


}