@media (min-width: 1400px) {

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 myself part start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.Myself-img .overly3 {
		width: 52%;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 myself part end
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
}

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

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

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 banner part start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.a {
		margin-right: 22px;
	}
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 banner part end
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
}

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

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Menu part start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.main-manu .navbar-brand {
		width: 200px;
		height: 70px;
		line-height: 70px;
		background: #323232;
		text-align: center;
		transform: skewX(-30deg);
		-webkit-transform: skewX(-30deg);
		-moz-transform: skewX(-30deg);
		-ms-transform: skewX(-30deg);
		-o-transform: skewX(-30deg);
		border-left: 5px solid #000;
		border-right: 5px solid #000;
	}

	.main-manu ul li a {
		color: #fff;
		font-size: 13px;
		font-weight: 400;
		text-transform: uppercase;
		font-family: var(--f1);
		padding: 0 10px;
		line-height: 50px;
		position: relative;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Menu part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 about part start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	
	.Myself-img::after {
		top: 3px;
		left: 0px;
		width: 260px;
		height: 415px;
	}
	.Myself-img:hover::after {
		top: 15px;
		left: 15px;
	}
	.Myself-img::before {
		top: 3px;
		left: 0px;
		width: 260px;
		height: 415px;
	}
	.Myself-img:hover::before {
		top: -15px;
		left: -15px;
	}
	.Myself-img {
		margin-left: 0;
	}
	.Myself-txt img {
		width: 157px;
	}
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 about part end
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Gallery part start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.Myself-img::after {
		height: 414px;
	}
	.Myself-img::before {
		height: 414px;
	}
	.Myself-img img {
		width: 261px;
	}
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Gallery part end
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Service part start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Service part end
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Plans part start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.Plans-text .circles-wrap {
		bottom: -23px;
		left: -295px;
	}
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Plans part end
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
}

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

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Menu part start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.main-manu {
		top: 0px;
		background: #e73e8c;
	}

	.main-manu .navbar-brand {
		width: 180px;
		height: 50px;
		line-height: 50px;
	}

	.main-manu .navbar-brand img {
		width: 160px;
	}

	.main-manu button i {
		color: #fff;
	}

	.main-manu .navbar-toggler:focus {
		box-shadow: 0 0 0 0;
	}

	.main-manu #navbarSupportedContent {
		background: #000;
		text-align: center;
	}

	.main-manu ul li a::before {
		display: none;
	}

	.main-manu ul li a::after {
		display: none;
	}

	.main-manu ul li a {
		line-height: 35px;
	}

	.btop {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 23px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Menu part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Banner part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.banner-iteam {
		padding: 144px 0 102px;
	}

	.banner-text h2 {
		font-size: 30px;
	}

	.banner-text h1 {
		font-size: 50px;
	}
	#banner .slick-dots {
		bottom: 28px;
	}
	.banner-text a {
		padding: 8px 29px;
		margin-left: 6px;
		margin-right: 1px;
		font-size: 16px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Banner part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 about part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#myself {
		padding: 59px 0 57px;
	}

	.Myself-img {
		margin-left: 0;
	}

	.Myself-img img {
		width: 173px;
	}

	.Myself-img::before {
		top: 0px;
		left: 0px;
		width: 173px;
		height: 264px;
	}

	.Myself-img::after {
		top: 0px;
		left: 0px;
		width: 173px;
		height: 264px;
	}

	.Myself-img:hover::before {
		top: -9px;
		left: -8px;
	}

	.Myself-img:hover::after {
		top: 20px;
		left: 8px;
	}

	.Myself-txt img {
		width: 168px;
	}

	.Myself-txt h3 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.Myself-txt p {
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 13px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 about part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Gallery part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#Gallery {
		padding: 59px 0 34px;
	}
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Gallery part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Service part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#Services {
		padding: 59px 0 96px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Service part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Plans part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#Plans {
		padding: 59px 0 59px;
	}

	.Plans-text .circles-wrap {
		bottom: -85px;
		left: -295px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 Plans part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 contact part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#Contact {
		padding: 59px 0 56px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 contact part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 footer part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#footer {
		padding: 60px 0;
	}

	.icon ul li a {
		line-height: 44px;
		width: 44px;
		height: 44px;
	}

	.footer-last h6 {
		font-size: 14px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
				 footer part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
}

@media (max-width: 575.98px) {

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             Menu Part Start
    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.main-manu {
		top: 0px;
		background: #e73e8c;
	}

	.main-manu .navbar-brand img {
		transform: skewX(30deg);
		-webkit-transform: skewX(30deg);
		-moz-transform: skewX(30deg);
		-ms-transform: skewX(30deg);
		-o-transform: skewX(30deg);
		width: 150px;
	}

	.main-manu .navbar-brand {
		width: 172px;
		height: 50px;
		line-height: 50px;
	}

	.main-manu button i {
		color: #fff;
	}

	.main-manu .navbar-toggler:focus {
		box-shadow: 0 0 0 0;
	}

	.main-manu #navbarSupportedContent {
		background: #000;
		text-align: center;
	}

	.main-manu ul li a::before {
		display: none;
	}

	.main-manu ul li a::after {
		display: none;
	}

	.main-manu ul li a {
		line-height: 35px;
	}

	.btop {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 23px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             Menu part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             Banner part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.banner-iteam {
		padding: 156px 0 110px;
	}

	.banner-text h2 {
		font-size: 20px;
	}

	.banner-text h1 {
		font-size: 33px;
	}

	.banner-text a {
		color: #fff;
		background: #e73e8c;
		padding: 5px 12px;
		font-size: 15px;
		margin-top: 28px;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		-o-border-radius: 20px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
	}

	.banner-text a:hover {
		background: #fff;
		color: #e73e8c;
	}

	.banner-text a::after {
		display: none;
	}

	.banner-text a::before {
		display: none;
	}
	#banner .slick-dots {
		bottom: 28px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             Banner part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             about part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#myself {
		padding: 48px 0 51px;
	}

	.common-head h2 {
		margin-bottom: 30px;
		font-size: 30px;
	}

	.Myself-img img {
		width: 180px;
	}

	.Myself-img {
		margin-left: 23%;
	}

	.Myself-txt img {
		width: 128px;
	}

	.Myself-img::before {
		display: none;
	}

	.Myself-img::after {
		display: none;
	}

	.Myself-txt h3 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.Myself-txt p {
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 13px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             about part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             Gallery part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#Gallery {
		padding: 48px 0 25px;
	}

	.gallery-img .overlay a {
		color: var(--brand);
		opacity: 1;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             Gallery part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             team part start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#team{
		padding: 48px 0 48px;
	}
	.service-details .service-text p {
		padding: 100px 0px 0px 14px;
		font-size: 17px;
		font-family: var(--f2);
		font-weight: 500;
		color: #fff;
	}
	.service-details .service-text a, .service-white .service-text {
		padding: 0px 0px 0px 27px;
	}
	.service-details .service-text p {
		padding: 100px 0px 0px 19px;
	}
	.service-details .service-hover-text h3 {
		font-size: 19px;
	}
	.service-details .service-hover-text h4 {
		padding-bottom: 5px;
		font-size: 14px;
		letter-spacing: 0px;
		border-bottom: 2px solid #000;
	}
	.service-details .service-hover-text p {
		padding-top: 20px;
		font-size: 15px;
		line-height: 17px;
	}
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             team part endf
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             Services part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#Services {
		padding: 48px 0 86px;
	}

	.Services-col {
		width: 94%;
		margin-left: 10px;
	}

	#Services .slick-dots li button {
		width: 6px;
		height: 6px;
		margin: 0px 3px;
	}

	#Services .slick-dots li.slick-active button {
		width: 8px;
		height: 8px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             Services part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             Plans part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#Plans {
		padding: 48px 0 51px;
	}

	.Plans-text h4 {
		font-size: 18.8px;
		margin: 10px;
	}

	.Plans-text p i {
		font-size: 17px;
	}

	.Plans-text p {
		margin-bottom: 5px;
		font-size: 30px;
	}

	.Plans-text ul li h5 {
		font-size: 12px;
	}

	.Plans-text ul li i {
		font-size: 15px;
	}

	.Plans-text i {
		font-size: 40px;
	}

	.single-Plans {
		padding: 26px 26px;
	}

	span.circle.circle-1 {
		height: 80px;
		width: 80px;
	}

	.Plans-text .circles-wrap {
		bottom: -134px;
		left: -301px;
	}

	span.circle.circle-2 {
		height: 150px;
		width: 150px;
	}

	span.circle.circle-3 {
		height: 250px;
		width: 250px;
	}

	span.circle.circle-4 {
		height: 350px;
		width: 350px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             Plans part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             contact part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#Contact {
		padding: 48px 0 45px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             contact part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             footer part Start
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#footer {
		padding: 48px 0 48px;
	}

	.footer-logo img {
		width: 50%;
	}

	.icon ul li a {
		line-height: 44px;
		width: 44px;
		height: 44px;
	}

	.footer-last h6 {
		font-size: 12px;
	}

	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
             footer part End
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */



}