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



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



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



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

	.navbar-nav li a {

		font-size: 12px;

		padding-right: 10px !important;

		padding-left: 10px !important;

	}

	.txt2-txt p,.txt3 p ,.txt11 p {

    font-size: 13px;

    line-height: 22px;}

	#top-head h1 {

		font-size: 25px; line-height: 30px;

	}

	.ftr-cpy p {

		font-size: 12px;

	}

	.ftr-nav a {

		padding: 0px 8px;

		font-size: 13px;

	}

}



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

	.h-text br{display: none;}

	.h-text{    line-height: 28px;}

	.txt3 p {

    font-size: 14px; line-height: 22px;}

    .txt11 p {

    font-size: 14px;

    line-height: 22px;

}

.txt2-txt p {

    font-size: 14px;

    line-height: 22px;}

	.navbar-brand {

		display: block;

	}

	.navbar-dark .navbar-toggler {

		color: #fff;

		border-color: #fff;
		width: auto;

	}
	.navbar-dark .navbar-toggler:hover {
		background-color: transparent;
	}

	#top-logo {

		display: none;

	}

	#top-head h1 {

		font-size: 26px;line-height: 30px;

	}

	#top-head h1 br {

		display: none;

	}

	#top-head .container {

		text-align: left !important;

	}

	.user-area {

		justify-content: flex-start !important;

		-webkit-justify-content: flex-start !important;

	}

	.hdr-scl {

		position: relative;

		top: 0px;

		left: 0;

	}

	.hdr-scl ul li {

		margin-bottom: 0px;

		display: inline-block;

	}

	.txt2-img {

		padding: 0px 0px 0px 10px;

	}

	.h-text {

		font-size: 20px;

	}

	.ftr-lft {

		text-align: center;

	}

	.ftr-lft p {

		margin: 0 auto;

	}

	.ftr-rgt.text-right {

		text-align: center !important;

		margin-top: 15px;

	}

	.ftr-nav a {

		padding: 0px 0px 20px;

		display: block;

	}

	.s-md {

		display: block;

	}

	.h-md {

		display: none;

	}

	.ftr-nav {

		margin-top: 25px;

	}

}



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



@media screen and (min-width:481px) and (max-width: 575px) {}



@media screen and (min-width:320px) and (max-width: 480px) {

	.user-area {

		font-size: 13px;

	}

	.d-none-480{display: none;}

	.d-show-480{display: block !important;    font-size: 13px;

    line-height: 22px; margin-top:20px;}

}



.d-show-480{display: none;}