/* only small desktops */
/* tablets */
@media (min-width: 992px) and (max-width: 1190px) {
	.countdown {
		height: 285px;
	}

	.top-header .navbar .navbar-collapse ul li a {
		font-size: 14px;
	}

	.lbox-details h2 {
		font-size: 26px;
	}

	.top-header .navbar .navbar-collapse ul li a {
		padding: 8px 10px;
	}

}

/* only small tablets */
@media (min-width: 768px) and (max-width: 991px) {
	#free-design .cardDetails {
		width: 100%;
	}

	.gallery-box,
	.paddingGallery,
	.contact-box {
		padding: 10px 0;
	}

	.galleryBox .slider-item {
		width: 48%;
	}

	.ulockd-home-slider {
		margin-top: 0;
	}

	.top-header .navbar .navbar-collapse ul li a {
		padding: 5px 15px;
	}

	.about-img {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.gallery-box ul li {
		width: 33.33%;
	}

	.top-header {
		position: relative;
	}

	.lbox-details {
		display: block;
		position: relative;
		width: 100%;
	}

	.countdown #timer div#days,
	.countdown #timer div#hours,
	.countdown #timer div#minutes,
	.countdown #timer div#seconds {
		position: inherit;
		margin: 12px 0px;
	}

	.lbox-details::before {
		background: rgba(0, 0, 0, 0.9);
	}

	.countdown {
		height: 188px;
		border-radius: 0px;
	}

	.countdown #timer div {
		width: 23%;
		font-size: 24px;
	}

	figure.effect-service h2 {
		font-size: 12px;
	}
}

/* mobile or only mobile */
@media only screen and (min-width: 520px) and (max-width: 767px) {
	.navbar-brand {
		margin-left: 10px;
		margin-right: 10px;
	}

	#free-design .cardDetails {
		width: 100%;
	}

	.galleryBox .slider-item {
		width: 48%;
	}

	#free-design .cardDetails .details {
		width: 40%;
		padding: 0;
	}


	.gallery-box,
	.paddingGallery {
		padding: 10px 0;
	}

	.top-header .navbar .navbar-collapse ul li a {
		padding: 5px 15px;
	}

	.lbox-details h1 {
		font-size: 24px;
	}

	.lbox-details h2 {
		font-size: 18px;
	}

	.lbox-details p strong {
		font-size: 20px;
	}

	.lbox-details a.btn {
		display: none;
	}

	.title-box h2 {
		font-size: 38px;
	}

	.about-main-info h2 {
		font-size: 24px;
	}

	.about-img {
		margin-bottom: 30px;
	}

	.main-timeline-box .separline::before {
		left: 15px !important;
	}

	.main-timeline-box .iconBackground {
		left: 15px !important;
	}

	.main-timeline-box .timeline-text-content {
		margin-left: 0px;
	}

	.main-timeline-box .reverse .timeline-text-content {
		margin-right: 0px;
	}

	.main-timeline-box .time-line-date-content {
		margin-right: 0px;
	}

	.main-timeline-box .time-line-date-content p {
		float: left;
	}

	.main-timeline-box .timeline-element {
		padding: 0px 15px;
	}

	.gallery-box ul li {
		width: 48%;
	}

	.top-header {
		position: relative;
	}

	.lbox-details {
		position: relative;
		width: 100%;
		padding: 5% 0%;
	}

	.about-m {
		margin-top: 30px;
	}

	.countdown #timer div#days,
	.countdown #timer div#hours,
	.countdown #timer div#minutes,
	.countdown #timer div#seconds {
		position: inherit;
		margin: 12px 0px;
	}

	.lbox-details::before {
		background: rgba(0, 0, 0, 0.9);
	}

	.countdown {
		height: 188px;
		border-radius: 0px;
	}

	.countdown #timer div {
		width: 23%;
		font-size: 24px;
	}

	.about-m {
		margin-bottom: 30px;
	}

	.timeLine .row .item {
		margin-bottom: 30px;
	}

	.filter-button-group button {
		margin-bottom: 5px;
	}

	.navbar-brand img {
		width: 220px;
	}


	.about-main-info div.full>img {

		height: auto;
		margin-bottom: 20px;

	}


}



@media only screen and (min-width:250px) and (max-width: 520px) {
	.ulockd-home-slider {
		margin-top: 00px;
	}

	.top-header {
		position: static;
	}

	.about-box {
		padding: 20px 0;
	}

	.title-box h1 {
		font-size: 35px;
	}

	.iconh {
		height: 20px;
	}

	.about-a1 {
		margin-top: 10px;
		padding: 0px;
	}

	.about-a2 {
		margin-top: 10px;
		padding: 0px;
	}

	.navbar-brand img {
		width: 130px;
		margin-left: 15px;
	}

	.hoodies,
	section.couting.p-5 {
		padding: 20px 10px !important;
	}

	.title-box h2.p-5 {
		padding: 0px !important;
	}

	.count {
		border-right: 0px dashed #894d4f;
		border-bottom: 1px dashed #894d4f;
		padding-bottom: 10px;
	}

	.pricing-table {
		margin-top: 50px;
	}

	.px-5,
	.contact-box {
		padding: 10px !important;
	}

	#free-design .cardDetails {
		width: 100%;
		margin: 20px 0;
		padding: 15px;
		display: block;
		background: #fff;
		justify-content: space-around;
		text-align: center;
	}

	.galleryBox .slider-item {
		width: 100%;
		margin: 1% 0 !important;
	}

	#free-design .cardDetails .details {
		width: 100%;
	}

	.price-tag1 {
		top: 51px !important;
		left: 9px !important;
	}

	.gallery-box,
	.paddingGallery {
		padding: 50px 0;
	}

	.amount small {
		display: block !important;
	}

	.count .title {
		width: 100%;
	}

	.hoodies h2 {
		font-size: 25px;
	}

	.hoodies li {
		display: block !important;
		width: 100% !important;
		margin-bottom: 10px !important;
	}


}