@media (min-width:1701px) and (max-width:3000px)
{
.dedicate-outer .Marquee-tag {
	width: 320px;
}.Marquee-tag.img-02 {
	width: 280px;
}.Marquee-tag.img-03 {
	width: 240px;
}
.things-right img {
	height: 83%;
}.Marquee-tag.img-04 {
	width: 200px;
}
}





@media screen and (max-width:2000px) {
.things-inner {
	padding: 160px 0 200px;
}


.banner-left h1 {
	font-size: 60px;
}

.header-btn .btn-outer {
	font-size: 18px;
	padding: 16px 50px 16px 20px;
}.header-btn .btn-outer::after {
	width: 23px;
	height: 20px;
	background-size: 100% 100%;
	right: 14px;
}



}

@media screen and (max-width:1700px) {
.banner-left h1 {
	font-size: 55px;
}
p {
	font-size: 20px;
}.btn-outer {
	padding: 15px 60px 15px 20px;
	font-size: 20px;
}
h3.sub-title {
	font-size: 26px;
}
h2.title-outer {
	font-size: 42px;
}
.experience-right h2 {
	font-size: 32px;
}
.experience-right h2 strong {
	font-size: 120px;
}
.tab__label {
	font-size: 24px;
}

.video-content h3 {
	font-size: 28px;
}

.video-content p {
	font-size: 20px;
}


.block-33 {
	width: 24.3%;
}
.btn-outer::after {
    width: 23px;
    height: 20px;
    background-size: 100% 100%;
}
.things-right img {
	height: 80%;
}
.things-inner {
	padding: 120px 0 120px;
}

.Marquee-tag.img-03 {
	width: 249px;
}

.Marquee-tag.img-02 {
	width: 275px;
}
.dedicate-outer .Marquee-tag.img-01 {
	width: 329px;
}.our-team .effective-slider::before {
	width: 150px;
}
}


@media screen and (max-width:1200px) {
.banner-left h1 {
	font-size: 45px;
	margin: 0 0 10px;
}

p {
	font-size: 20px;
}

.banner-left .btn-outer {
	margin: 30px 0 40px;
}
.btn-outer {
	font-size: 18px;
}

h2.title-outer {
	font-size: 32px;
}
.experience-left {
	width: 47%;
}
.experience-inner::before {
	width: 824px;
	height: 517px;
}
.experience-right h2 {
	font-size: 30px;
}.experience-right h2 strong {
	font-size: 110px;
}
.experience-right p {
	margin: 0 0 25px;
}
.effective-slider .owl-nav {
	bottom: 113%;
}
.effective-slider .owl-nav button {
	width: 60px;
	height: 60px;
}
.effective-slider .owl-nav button.owl-prev, .effective-slider .owl-nav button.owl-next {
	background-size: 100% !important;
}
.slider-effect {
	padding: 0 10px 0 18px;
}.slider-effect h2 {
	font-size: 22px;
}
.slider-effect p {
	font-size: 17px;
}
.tab__label {
	font-size: 22px;
}

.tab__content p {
	font-size: 17px;
}

.things-inner {
	padding: 110px 0 120px;
}

.retention li h2 {
	font-size: 32px;
}.retention li p {
	font-size: 17px;
}

.creativity-client {
	padding: 30px 0;
}

.creativity-ul {
	margin: 20px 0px 0px;
}
section.effective-outer {
	padding: 40px 0 0px;
}
.video-content h3 {
	font-size: 24px;
}
.video-content p {
	font-size: 18px;
}
.team-slider h2 {
	font-size: 19px;
}
.team-slider {
	padding: 230px 9px 30px;
}
.block-33 {
	width: 24.3%;
}
.effective-slider .owl-nav button.owl-prev:hover, .effective-slider .owl-nav button.owl-prev:focus,
.effective-slider .owl-nav button.owl-next:hover, .effective-slider .owl-nav button.owl-next:focus {
	width: 60px;
	height: 60px;
	background-size: 100% 100% !important;
}

.effective-outer.our-team .owl-nav {
	right: 15px;
}			
.effective-slider {
	padding: 50px 0;
}
header {
	padding: 15px 15px;
}
.header-btn {
	display: none;
}.our-top-team li {
	width: 31.9%;
}
.idea-outer h2 {
	font-size: 50px;
}


}

@media screen and (max-width:991px) {
.nav-outer ul li a {
	font-size: 12px;
	margin: 0 5px 0;
}
.nav-outer {
	margin: 6px 0 0;
}
.banner-left {
	width: 47%;
}
.banner-left h1 {
	font-size: 35px;
}
p {
	font-size: 18px;
}
.btn-outer {
	padding: 14px 60px 14px 30px;
	font-size:16px;
}


.banner-outer {
	padding: 110px 0 60px;
	position: relative;
}
h3.sub-title {
	font-size: 22px;
}

h2.title-outer {
	font-size: 26px;
}
.mission-vision h2 span img {
	width: 50px;
}

.mission-vision {
	padding: 50px 0 30px;
}

.sponser-outer::before, .sponser-outer::after {
	width: 160px;
}

.experience-inner::before {
	width: 655px;
	height: 416px;
	bottom: inherit;
}.experience-left {
	width: 46%;
}

.experience-right h2 {
	font-size: 24px;
}.experience-right h2 strong {
	font-size: 80px;
}
.slider-effect {
	padding: 0 0px 0 13px;
}
.slider-effect h2 {
	font-size: 18px;
	margin: 16px 0 10px;
}
.slider-effect p {
	font-size: 16px;
}
.things-right {
	position: relative;
}
.things-inner {
	padding: 10px 0 110px;
}
.tab__label {
	font-size: 18px;
}.tab__content p {
	font-size: 15px;
}.tab__label::after {
	width: 24px;
	height: 24px;
	right: 0;
}

.video-content {
	width: 93%;
	padding: 80px 40px 80px 230px;
	margin: 0 0 0 -180px;
}
.team-slider {
	border-radius: 20px 40px 20px 20px;
}
.block-33 {
	width: 24.1%;
}.things-right img {
	height: auto;
}

.effective-slider {
	padding: 50px 0	;
}.portfolio-banner h1 {
	font-size: 36px;
}.contact-inner h3 {
	font-size: 28px;
}.our-top-team li {
	width: 31.5%;
}footer .auto-container {
	padding: 0;
}

}

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

.nav-outer ul {
	position: fixed;
	right: 100%;
	width: 80%;
	background: #000;
	z-index: 99999;
	transition: all 0.5s ease;
	top: 0;
	height: 100%;
	float: left;
	bottom: 0;
}.nav-outer.open-nav ul {
	right: 20%;
}
.nav-outer ul li {
	width: 100%;
	text-align: left;
}
.nav-outer ul li a {
	font-size: 12px;
	margin: 0;
	padding: 12px 15px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
header {
	z-index: 11;
	padding: 20px 15px;
}





	.logo-outer {
	float: left;
	width: auto;
}.logo-outer img {
	max-width: 180px;
}.banner-inner {
	flex-wrap: wrap;
}.banner-outer {
	padding: 110px 0 40px;
}
	.experience-inner::before {
		display:none;
}

.experience-left {
	width: 100%;
}
.experience-right {
	width: 100%;
}.effective-slider .owl-nav button {
	opacity: 1 !important;
}
.things-left {
	width: 100%;
}.things-inner .auto-container {
	flex-wrap: wrap;
	gap: 0;
}
	.things-right {
	width: 100%;
}
.retention {
	flex-wrap: wrap;
}
.retention li {
	width: 47%;
}
.mobile-icon {
	display: block;
	float: right;
	width: 30px;
	position: absolute;
	right: 15px;
	top: 28px;
}
.nav-outer ul li a:hover
{
	background:#333 !important;
}


.banner-left {
	width: 100%;
}
.banner-right {
	position: relative;
	width: 100%;
	height: 90%;
	top: 0;
}


.banner-right {
	height: 800px;
}
.block-33 {
	width: 24.4%;
}

.things-right img {
	border-radius: 20px;
}.effective-slider .owl-nav {
	bottom: 125%;
}.footer-inner {
	gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
}.copyright {
	width: 100%;
}

.portfolio-banner h1 {
	font-size: 30px;
}.portfolio-banner {
	padding: 120px 0 60px;
}
.contact-inner {
	gap: 0px;
	flex-wrap: wrap;
}

.contact-outer {
	padding: 30px 0 50px;
}.our-top-team li {
	width: 48.3%;
}.our-top-team {
	padding: 50px 0;
}
.idea-outer h2 {
	font-size: 39px;
}.idea-outer {
	padding: 20px 0 10px;
}
.btn-outer::after {
	width: 20px;
	height: 18px;
}
.btn-outer {
	padding: 14px 50px 14px 30px;
}
}

@media screen and (max-width:639px) {
	.banner-left h1 {
	font-size: 30px;
}.banner-left .btn-outer {
	margin: 20px 0 30px;
}
p {
	font-size: 17px;
}
	h2.title-outer {
	font-size: 22px;
}
.effective-slider .owl-nav button {
	width: 40px;
	height: 40px;
}
.effective-slider .owl-nav {
	bottom: 123%;
}.effective-slider .owl-item:nth-child(2n) .slider-effect {
	margin: 0;
}
.effective-slider {
	padding: 20px 15px 40px;
}
.things-inner {
	padding: 10px 0 40px;
}
.video-content {
	width: 93%;
	padding: 60px 20px 60px 200px;
	margin: 0 0 0 -180px;
}
	.video-content h3 {
	font-size: 21px;
	margin: 15px 0 25px;
}.video-content img {
	max-width: 100px;
}

.banner-outer::after {
	width: 240px;
	height: 380px;
	background-size: 100% 100%;
}

.experience-outer::after, .things-inner::after, .dedicate-outer::after {
    width: 240px;
    height: 630px;
    background-size: 100% 100%;
}
.effective-outer::after, .creativity-client::after {
    width: 210px;
    height: 590px;
}
.sponser-outer::before, .sponser-outer::after {
	width: 80px;
}

.mobile-icon {
	top: 25px;
}

.effective-slider .owl-nav button.owl-prev:hover, .effective-slider .owl-nav button.owl-next:hover {
    background-size: 100% !important;
}

.block-33 {
	width: 24.2%;
}
.banner-right {
	height: 470px;
}

.effective-slider .owl-nav button.owl-prev:hover, .effective-slider .owl-nav button.owl-prev:focus, .effective-slider .owl-nav button.owl-next:hover, .effective-slider .owl-nav button.owl-next:focus {
	width: 40px;
	height: 40px;
	background-size: 100% 100% !important;
}.things-happens {
	margin: 0 0 40px;
}.effective-outer.appreciation-main {
	padding-top: 0;
}.effective-slider.appreciation {
	padding: 20px 0 0 0;
}
.dedicate-outer {
	padding: 50px 0 0;
}.mission-vision {
	padding: 20px 0 30px;
}.our-team .effective-slider::after {
	display:none;
}.our-team .effective-slider::before {
	display:none;
}.video-outer video[poster] {
	height: fit-content;
}.banner-outer {
	padding: 110px 0 20px;
}.Marquee-tag.img-02 {
	width: 145px;
}.Marquee-tag.img-03 {
	width: 129px;
}.dedicate-outer .Marquee-tag {
	width: 122px;
}.dedicate-outer .Marquee-tag.img-01 {
	width: 199px;
}.copyright p {
	font-size: 14px;
}.portfolio-banner h1 {
	font-size: 26px;
}.contact-inner h3 {
	font-size: 24px;
	margin: 40px 0 0;
}.contact-outer {
	padding: 0px 0 50px;
}.contact-info li {	
	font-size: 16px;
}.contact-right p {
	margin: 10px 0 0;
}.our-top-team li {
	width: 100%;
}.team-img img {
	height: auto;
}.idea-outer h2 {
	font-size: 39px;
	padding: 0 0 15px;
}.footer-social {
	gap: 0	;
	flex-wrap: wrap;
}.footer-social li a {
	font-size: 17px;
}.footer-inner {
	margin: 30px 0 0;
}
}

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

.experience-right h2 span {
	width: 47%;
}
.experience-right h2 strong {
	font-size: 71px;
}
.effective-slider .owl-nav {
	bottom: 124%;
	right: -10px;
}.retention li {
	width: 100%;
  }.retention {
	padding: 25px 20px;
}
.appreciation-effect {
	display: flex;
	flex-wrap: wrap;
}.video-outer {
	width: 100%;
	padding: 0 0;
}
.video-content {
	width: 100%;
	padding: 40px 20px;
	margin: 20px 0 0;
}
.appreciation-main .effective-slider .owl-nav {
	bottom: 105%;
}
.effective-outer.appreciation-main {
	padding-top: 0;
}
.effective-outer.our-team .owl-nav {
	bottom: 108%;
	right: 7px;
}

.block-33 {
	width: 23.8%;
}

.Marquee-content.marquee-n.stop-marquee .close-pop {
	top: 20px;
	right: 8px;
}
.stop-marquee .Marquee-tag.active img {
	margin: 0 15px 0 0px;
}
h2.title-outer {
	font-size: 19px;
}.effective-slider .owl-nav button {
	width: 30px;
	height: 30px;
	margin: 0 3px !important;
}.portfolio-banner h1 {
	font-size: 23px;
}.portfolio-design {
	padding: 10px 0;
}
.effective-slider .owl-nav button.owl-prev:hover, .effective-slider .owl-nav button.owl-prev:focus, .effective-slider .owl-nav button.owl-next:hover, .effective-slider .owl-nav button.owl-next:focus {
	width: 30px;
	height: 30px;
	background-size: 100% 100% !important;
}.idea-outer h2 {
	font-size: 29px;
	padding: 0 0 5px;
}

}