@media (min-width: 992px) {
	.navbar .dropdown-menu-end{ right:0; left: auto;  }
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; }
	.header-area.fixed-top .logo {
		max-width: 343px;
		top: 22px;
	  }
}
@media(max-width: 1399px) {

    .logo {
		max-width: 140px;
	}
	.header-area {
		padding: 10px 0;
	}
	.header-right .nav-item .nav-link {
		font-size: 14px;
	}
	.header-right .header-button .btn-secondary {
		font-size: 14px;
		padding: 10px 20px;
	}
	.banner-area{
		height: 650px;
	}
	.banner-contain h1, .banner-contain h2, .banner-contain h3 {
		font-size: 65px;
		line-height: 69px;
		margin: 0 0 25px;
		font-weight:bold;
	}
	.btn-primary {
		font-size: 15px;
		padding: 12px 25px;
	}
	.bannerTag.media {
		padding: 18px 0;
	}
	.bannerTag.media .media-image {
		width: 68px;
		height: 66px;
	}
	.bannerTag.media .media-image img {
		height: 38px;
	}
	.bannerTag.media .media-body h3 {
		font-size: 18px;
		line-height: 22px;
	}
	.webText h1, .webText h2, .webText h3 {
		font-size: 34px;
		line-height: 44px;
	}
	.webText article {
		font-size: 14px;
		border-left-width: 2px;
		margin-bottom: 15px;
	}
	.webText p {
		font-size: 14px;
		margin-bottom: 15px;
		line-height: 24px;
	}
	.webText .btn-secondary {
		margin-top: 10px;
		margin-left: 10px;
	}
	.btn-secondary {
		font-size: 15px;
		padding: 10px 24px;
	}
	.about-area .webText {
		padding-left: 15px;
	}
	.howDoes-box.card .card-body h5 {
		font-size: 20px;
		margin: 0 0 10px;
	}
	.howDoes-box.card .card-body p {
		font-size: 14px;
		line-height: 24px;
	}
	.howDoes-box.card .card-body .img {
		margin: 0 auto 15px;
	}
	.howWeDo-contain-area .webText {
		margin-bottom: 25px;
	}
	.howWeDo-listBox.media {
		padding: 10px;
	}
	.howWeDo-listBox.media .media-number {
		max-width: 50px;
		height: 50px;
	}
	.howWeDo-listBox.media .media-number .number {
		font-size: 18px;
	}
	.howWeDo-listBox.media .media-body p {
		font-size: 15px;
	}
	.howWeDo-contain-area .howWeDo-list li {
		margin: 0 0 2px;
	}
	.howWeDo-imgBox {
		height: 620px;
	}
	.howWeDo-imgBox .img {
		height: 550px;
		right: -116px;
	}
	.howWeDo-imgBox .img::before {
		top: -45px;
		max-width: 360px;
		height: 360px;
	}
	.howWeDoCounter.media {
		padding: 12px 25px;
	}
	.howWeDoCounter.media .media-body h5 {
		font-size: 20px;
	}
	.howWeDoCounter.media .media-body p {
		font-size: 14px;
	}
	.howWeDoCounter.media .media-image {
		width: 55px;
		height: 55px;
	}
	.howWeDoCounterTwo {
		top: 240px;
		left: -20px;
	}
	.howWeDoCounterThree {
		top: 440px;
		left: -20px;
	}
	.howWeDoCounterOne {
		top: 115px;
		left: 60px;
	}
	.ProcessFlow-box.card {
		padding: 10px;
		padding-right: 28px;
	}
	.ProcessFlow-box.card .card-body h4 {
		font-size: 18px;
		line-height: 24px;
	}
	.ProcessFlow-box.card .card-body p {
		font-size: 13px;
		line-height: 22px;
		margin-bottom: 8px;
	}
	.ProcessFlow-box.card .card-body {
		padding: 20px 40px;
		min-height: 170px;
	}
	.RecruitmentExperiences-imgbox {
		width: 635px;
		height: 620px;
		left: -145px;
	}
	.RecruitmentExperiences-imgbox .imgbox {
		height: 590px;
	}
	.RecruitmentExperiences-imgbox::before {
		height: 595px;
	}
	.ProcessFlowRecruitmentExperiences-MainArea::before {
		right: -25%;
		max-width: 650px;
		height: 650px;
	}
	.RecruitmentExperiences-box.media .media-body p {
		font-size: 14px;
		line-height: 23px;
	}
	.RecruitmentExperiences-box.media .media-body h5 {
		font-size: 20px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.ProcessFlow-box.card .card-body .counter .count h6 {
		font-size: 12px;
	}
	.ProcessFlow-box.card .card-body .counter .count h5 {
		font-size: 20px;
	}
	.founder-imgbox .imgbox {
		height: 510px;
	}
	.founder-imgbox {
		padding: 20px;
	}
	.founder-imgbox::after {
		border-width: 7px;
	}
	.solutionsLeft-box {
		width: 448px;
		height: 700px;
		padding-left: 60px;
		left: -80px;
	}
	.solutionsLeft-box .solutionsLeft-imgbox .imgBox1 {
		height: 465px;
	}
	.solutionsLeft-box .solutionsLeft-imgbox {
		margin-top: 30px;
	}
	.solutionsRight-box {
		padding-top: 50px;
	}
	.solutionsRight-box::after {
		max-width: 520px;
		height: 520px;
	}
	.solutions-box.card .card-body h4 {
		font-size: 20px;
		margin: 0 0 5px;
	}
	.solutions-box.card .card-body p {
		font-size: 14px;
		line-height: 24px;
	}
	.solutionsLeft-box .solutionsLeft-imgbox .imgBox2 {
		height: 290px;
	}
	.TopFounder-containbox.webText h3 {
		color: #ffffff;
		font-size: 32px;
		line-height: 42px;
	}
	.TopFounder-containbox.webText {
		padding-left: 20px;
	}
	.TopFounder-containbox.webText p {
		margin-bottom: 20px;
	}
	.TopFounder-box.card .card-body p {
		font-size: 14px;
		line-height: 22px;
	}
	.TopFounder-box.card .card-body {
		padding: 25px;
	}
	.testimonialSlider-box.card .card-body {
		padding: 30px;
	}
	.testimonialSlider-box.card .card-body p {
		font-size: 14px;
		line-height: 22px;
	}
	.testimonialSlider-box.card .card-body h5 {
		font-size: 14px;
	}
	.testimonial-body .container .owl-nav {
		transform: translate(-475px, -30px);
	}
	.testimonial-contain.webText::after {
		top: -112px;
		left: -118px;
		max-width: 360px;
		height: 570px;
	}
	.header-area .logo {
		top: 22px;
	}
	.menu-area .logo {
		position: relative;
		top: auto;
		max-width: 210px;
		margin-bottom: 30px;
	}
	
}
@media(max-width: 1199px){
.btn-primary, .btn-outline-white{padding: 12px 13px;}
.banner-contain h1{font-size: 65px;line-height: 69px;}	
.continfo {padding-left: 127px;}
.addes .media .media-body h6, .addes .media .media-body h6 a{ font-size:13px;}
.contbg{width: 435px;}
.contact_rightboxinner .media{padding: 0px 10px 20px;}



}
@media (max-width: 991px) {
.header-area.fixed-top .logo {max-width: 250px;}	
.header-area .logo{max-width: 250px;}
.header-right .header-button{margin-top: -12px;}
.btn-primary, .btn-outline-white{ font-size:12px;padding: 8px 10px;}	
.banner-area {height: 350px;}
.banner-contain h1 {font-size: 40px;line-height: 50px;}
.banner-area .banner-contain{ top:20px;}
.welcome-contain.webtext{ margin-top:40px;}
.webtext h3{ font-size:45px;}
.webtext h3{ font-size:35px;}
.video-area{ height:350px;}
.experiance-box p{ font-size:20px;line-height: 22px;}
.contbg {width: 100%;min-height: auto;}
.continfo{ width:100%; padding-left:15px; margin-top:55px;}
.map{margin-top: 40px;position: initial;width: 100%;}
.footer h6{ font-size:15px;}
.menu-area .offcanvas{padding: 20px 0;}
.menu-box .nav .nav-item .nav-link{padding: 10px 15px;}
.innerbanner{min-height: 300px;padding-top: 107px;}
.contact_area{padding: 40px 0px 0px;}
.contact_innerpage::after{ display:none;}
.contact_innerpage{ padding:0px;}
.contact_rightboxinner{padding: 40px 0px 20px 0px;}
.contact_rightboxinner .media {padding: 0px 25px 20px;}
.contact_rightboxinner ul.contact_social{padding: 15px 0 0 0;}
.contact_formbox{padding: 40px 0px;}
.banner-contain{top: 115px;}
.welcome-imgbox{width: 370px;}
.welcome-imgbox1{height: 200px;bottom: 0px;border: 2px solid #fff;}
}

@media (max-width: 767.98px) {
.header-area.fixed-top .logo {max-width: 180px;}	
.header-area .logo{max-width: 180px;}	
.welcome-contain.webtext {margin-top: 0px;}
.header-right .header-button .btn-primary, .btn-outline-white{font-size: 9px;padding: 8px 9px;}
.banner-contain h1{ font-size:45px;line-height: 45px;}
.banner-contain {top: 100px;}
.welcome-imgbox{ margin-top:45px;}
.welcome-area{ margin-bottom:40px;padding-top: 40px;}
.welcome-imgbox {width: 100%;height: auto;margin-top: 35px;}
.welcome-imgbox1{height: 250px;width: 350px;}
.welright::after{ display:none;}
.webtext{ margin-top:30px}
.story-area, .drinks-area, .gallery-area{ padding:40px 0px !important;}
.welcome-and-recommendations-area{ padding-bottom:40px !important;}
.story-imgbox{ margin-top:35px;}
.drinks-contain {padding-bottom: 20px;}
.experiance-box h4{ font-size:50px;}
.gallery-imgbox{ height:400px;}
.footer{padding: 40px 0px 0px;}
.footer ol{ display:block;}
.copyright ol{ display:none;}
.copyright{border-top: 1px solid #ebac05;padding: 15px 0px 15px;text-align: center;}
.conticon{top: -90px;width: 100px;}
.innerbanner h1{ font-size:50px;}
.innerbanner{min-height: 250px;padding-top: 100px;}
.innerbanner .breadcrumb{ margin-top:-5px !important;}
.contact_formbox h3{font-size: 50px;}
.contact_formbox{padding: 40px 0px 0px;}
}
@media (max-width: 639.98px) {
.header-area .logo {max-width: 130px;}
.header-area.fixed-top .logo {max-width: 130px;}
.header-right .header-button {margin-top: 0px;}
.menu-area{width: 40px;}
.banner-contain {top: 90px;}
.experiance-box{ margin-bottom:20px;}
.experiance-mainbox .experiance-box::after{ display:none;}
.menu-area .offcanvas .btn-close{width: 10px;height: 10px;border: 2px solid #fff;}
.menu-area .offcanvas .btn-close::after{font-size: 17px;}
.header-right .header-button .btn-primary, .btn-outline-white{font-size: 9px;padding: 6px 6px;}
.banner-contain h1{font-size: 30px;margin: 0 0 10px;line-height: 30px;}
.banner-area {height: 270px;}
.welcome-and-recommendations-area::after{ display:none;}
.webtext h3 {font-size: 30px;}
.gallery-imgbox {height: 300px;}
.contactbg{ padding:40px 0px;}
.innerbanner h1 {font-size: 45px;}
.gallery-area h3{margin-bottom: 30px;font-size: 40px;}
.gallery-area h3 .heading-tag{ font-size:30px;}
.contact_formbox h3{font-size: 40px;}
.contact_formbox h6{font-size: 25px;}
}
@media (max-width: 479.98px) {
.banner-contain h1{font-size: 22px;}	
.header-area .logo {top: 13px;max-width: 150px;margin: initial;left: 55px;}
.header-area.fixed-top .logo{margin-top: 3px;}	
.menu-area {width: 30px;}
.header-right .header-button .btn-primary, .btn-outline-white {font-size: 9px;padding: 5px 5px;}		
.webtext h3 {font-size: 25px;}
.gallery-area h3{ font-size:35px;}
.gallery-imgbox .gallery-contain .icon img{width: 45px;}
.contactbg h3{ font-size:45px; margin-bottom:10px;}
.contbg h5{margin-bottom: 25px;}
.contbg{ padding:35px;}
.continfo .col-5, .continfo .col-7{flex: 0 0 auto;width: 100%; margin-bottom:15px;}
.webtext h3 .heading-tag{ font-size:25px;}
.gallery-area h3{margin-bottom: 35px;}
.contactbg h4{ font-size:30px;}
.contactbg h3::after{top: 23px;}
.contactbg h3::before{top: 27px;}
.breadcrumb-item + .breadcrumb-item, .breadcrumb-item a, .breadcrumb-item + .breadcrumb-item a{ font-size:15px;}
.innerbanner {min-height: 200px;padding-top: 80px;}
.innerbanner h1 {font-size: 35px;}
.gallery-imgbox {height: 250px;}
.contact_rightboxinner .media-body p{ font-size:13px;}
.contact_rightboxinner .media{padding: 0px 15px 20px;}
.text{ font-size:10px;}
.gallery-imgbox .gallery-contain h5{ font-size:30px;}
.offcanvas-body{margin-top: 30px;}
}
@media (max-width: 410px) {
.banner-contain h1{ font-size: 20px;line-height: 26px;}	
.header-area .logo {max-width: 130px;}	
.banner-contain {top: 70px;}
.welcome-imgbox1 {height: 185px;width: 80%;}
.header-right .header-button .btn-primary, .btn-outline-white {font-size: 9px;padding: 5px 5px 3px 5px;}	
.header-area.fixed-top .logo {max-width: 130px;}
.header-area.fixed-top .header-button{margin-top: -6px;}
.banner-area {height: 225px;}
.banner-contain-body .btn-primary{padding: 5px 10px;}
.webtext h3 {font-size: 23px;}	
.experiance-box h4, .contactbg h3{font-size: 40px;}
.conticon {top: -67px;width: 75px;}
.contbg .btn-secondary{margin-top: 15px;width: 100%;}
.footer h4{font-size: 25px;}
.footer ul li a{ font-size:16px;}
.innerbanner {min-height: 165px;padding-top: 70px;}
.innerbanner h1 {font-size: 30px;letter-spacing: 1px;}
.gallery-area h3 {font-size: 30px;}
.gallery-area h3 .heading-tag {font-size: 25px;}
.text{ font-size:10px;}

	}

@media (max-width: 375px){

	

}

@media (max-width: 320px){}