@media only screen and (max-width:1199px) {
	.service-col h4 {
		font-size: 18px;
	}
	.about-col h2 {
		font-size: 28px;
	}
	.social-icon.bordered li {
		margin-bottom: 5px;
	}
	.testimonial-item .post {
		font-size: 14px;
	}
	.progress-col h3 {
		margin-top: -60px;
	}
}

@media only screen and (max-width:1024px) {
	.dropdown-menu {
		min-width: 200px;
	}
	.dropdown-menu>li>a {
		padding: 10px 20px;
	}
	.navbar-nav>li>a {
		padding: 30px 15px;
	}
}



@media only screen and (max-width:991px) {
	.separator-area h2 {
		font-size: 36px;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 27px 7px;
	}
	.dropdown-menu {
		min-width: 200px;
	}
	.dropdown-menu>li>a {
		padding: 10px 10px;
		text-transform: uppercase;
	}
	.page-title-col {
		text-align: center;
	}
	.page-title-col h2 {
		text-align: center;
		display: inline-block;
	}
	.page-title-col h2:after {
		left: 50%;
		margin-left: -40px;
	}
	.page-title-col h1 {
		text-align: center;
	}
	.widget .social-icon li {
		margin-bottom: 5px;
	}
	.progress-img {
		margin: 0;
	}
	.progress-col h3 {
		margin-top: 0;
	}
	nav.navbar.bootsnav ul.nav > li > a {
		padding: 26px 10px;
	}
	.bootsnav .navbar-brand {
		margin-top: 20px;
	}
	.progress-area {
		padding: 55px 0 0;
	}

}

@media only screen and (max-width:768px) {
	nav.navbar.bootsnav .navbar-toggle {
		float: right;
		margin-right: 0;
		margin-top: 20px;
	}
	nav.navbar.bootsnav .navbar-brand {
		margin-top: 20px !important;
		float: left !important;
	}
	nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
		display: none;
	}
	nav.navbar.bootsnav ul.nav > li > a {
		padding: 12px 10px;
	}
	.transparent-header nav.navbar.bootsnav .navbar-toggle {
		width: 40px;
		height: 35px;
		background: #ffffff;
		margin-top: 15px;
	}
	.transparent-header nav.navbar.bootsnav .navbar-nav {
		padding-left: 20px;
		padding-right: 20px;
	}
	.transparent-header nav.navbar.bootsnav .navbar-collapse {
		background: #ffffff;
	}
	.transparent-header nav.navbar.bootsnav ul.nav > li > a {
		color: #333333;
	}


}

@media only screen and (max-width:767px) {
	.center767 {
		float: none;
		text-align: center !important;
	}

	/* Start Responsive CSS For navbar */
	.collapse.show {
	    display: block;
	    height: 325px;
	    overflow-y: scroll;
	}
	.navbar-dark .navbar-toggler {
	    background: #333333;
	    border-radius: 0;
	}
	.navbar-transparent .collapse.show {
		background: #111111;
		margin-top: 20px;
	}
	.navbar-transparent.fixed-header .navbar-nav .active>.nav-link, 
	.navbar-transparent.fixed-header .navbar-nav .nav-link.active, 
	.navbar-transparent.fixed-header .navbar-nav .nav-link.show, 
	.navbar-transparent.fixed-header .navbar-nav .show>.nav-link {
		color: #ffffff;
	}
	.navbar-transparent.fixed-header .navbar-nav .nav-link {
		color: #ffffff;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 10px 10px;
	}
	.transparent-header .navbar-collapse {
		background: #ffffff;
	}
	.transparent-header .navbar-dark .navbar-nav .nav-link {
		color: #333333;
	}
	/* End Responsive CSS For navbar */

	
	.box .title {
		font-size: 14px;
	}
	.box .icon li a i:hover {
		background: none;
	}
	.box .icon li a i {
		border: none;
		width: auto;
		height: auto;
	}
	.service-col {
		padding-left: 0;
	}
	.service-col i {
		position: relative;
		margin-bottom: 20px;
	}
	#accordion .collapse.show {
		height: auto;
		overflow-y: auto;
	}
	.progress-area {
		padding: 100px 0 0;
	}
	  

}



@media only screen and (max-width:600px) {
	.full575 {
		width: 100%;
	}
}

@media only screen and (max-width:480px) {
	.full480 {
		width: 100%;
	}
	.box .title {
		display: none;
	}
}
@media only screen and (max-width:420px) {
	.slider .slides li .caption h3 {
		font-size: 35px;
	}
	.separator-area h2 {
		font-size: 32px;
	}
	.section-title .title-style h2 {
		font-size: 28px;
	}
	.section-title .title-style::before, .section-title .title-style::after {
		bottom: 15px;
	}
	.slider .slides li .slider-img {
		height: 70vh;
	}
	.slider {
    width: 100%;
    height: 70vh !important;
	}
	.slider .slides {
	    width: 100%;
	    height: 70vh !important;
	}
	.post-blog-item .post-blog-time {
	    float: none;
	    margin: 10px 0;
	}
	.slider .slides li .caption {
		top: 30%;
	}
}


@media only screen and (max-width:320px) {
	.separator-area h2 {
		font-size: 28px;
	}
	.slider .slides li .caption h3 {
		font-size: 24px;
	}
	.section-title .title-style h2 {
		font-size: 24px;
	}
	.section-title .title-style::after {
		width: 20px;
		right: -28px;
	}
	.section-title .title-style::before {
		width: 20px;
		left: -28px;
	}
}