@media only screen and (min-width: 991px) {
			.social-media-advert .project-process-field{
				margin-top:120px;
			}
			.is-fixed .has-child:hover > .sub-menu{
				transform:translateY(0.0%) translateX(-50%) !important;
			}
			
			.custom-cms-page .breadcrumb-field{
				margin-top:200px !important;
			}

			.has-child:hover .submenu.grid{
				transform:translateY(-2.5%);
			}
			
			.custom-cms-page .statistics-field {
				margin-top:60px !important;
			}
			.it-custom-page .text-with-side-field{
				margin-bottom:0px;
			}
			.social-media-advert .project-process-field .accordion .title{
				font-size:25px;
			}
			.social-media-advert .project-process-field .accordion p, .social-media-advert .circle-box-field p{
				font-size:18px !important;
			}
			.social-media-advert .project-process-field .accordion p, .social-media-advert .circle-box-field h2{
				font-size:30px;
			}
			.about-page .callact-field , .web-design .callact-field , .ui-ux-cstm .callact-field, .callact-field{
				margin-bottom:0px !important;
			}
			.social-media-advert .circle-boxes{
				padding-bottom:0px;
			}
			.social-media-advert.google-ads-custom .callact-field{
				margin-bottom:0px;
			}
			.social-media-advert .optimization-field{
				margin-top:120px;
			}
			.social-media-advert.seo-custom .tech-list-field{
				margin-bottom:120px;
			}
			.social-media-advert.seo-custom .opt-tools{
				margin-top:120px;
			}
			.social-media-advert .circle-boxes {
				gap:60px;
			}
			.corp-idedent-des .breadcrumb-field{
				margin-top:0;
			}
			.corp-idedent-des .bg-scroll-field{
				margin-bottom:0px;
			}
			.corp-idedent-des .circle-boxes{
				padding-top:0px;
			}
			/*Cursor slider alanı*/
			/*.cursor{
				position: absolute;
				left: 0px;
				top: 0px;
				z-index: 1;
				color: #ccc;
				text-shadow:1px 1px #000;
				background-filter:blur(5px);
			}


			.cursor-text{
				text-transform: uppercase;
				font-size: 10px;
				font-weight: 400;
			}
			.cursor-text .char {
				position: absolute !important;
			}
			.cursor .hero-sound{
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translateX(-50%) translateY(-50%);
				cursor:none;
			}
			*/
			.e-commerce-custom .breadcrumb-field, .ui-ux-cstm .breadcrumb-field , .service-custom-page .breadcrumb-field , .custom-cms-page .breadcrumb-field{
				padding:0px;
				margin-top:0px;
				margin-bottom:0px;
			}
			.custom-cms-page .statistics-field {
				margin-top:120px;
			}
			.custom-scroll-bottom-c{
				position: absolute;
				bottom: 1rem;
				left: 50%;
				transition: 500ms all;
				transform:translateX(-50%);
			}
			
			.ui-ux-cstm .process-field {
				margin-top:120px;
			}
			.fancybox__container.is-animated .wpcf7-response-output{
				text-align: center;
				background: #0a1620;
				padding: 10px !important;
				border: 1px solid #394253 !important;
				color: #6d7e9b !important;
				border-radius: 14px;
				position: absolute;
				width: 400px;
				padding: 10px 45px !important;
				top: 50%;
				left: 50%;
				transform: translateX(-50%) translateY(-50%);
				height: 298px;
				display: flex;
				justify-content: center;
				align-items: center;
				border: unset !important;
				font-size: 20px;
				animation: 1s opacityAnimate forwards;
			}
			.custom-cms-page .breadcrumb-field, .it-custom-page .breadcrumb-field{
				margin-top:140px;
			}
			section.bg-scroll-field .wrapper .context{
				height: calc(100vh - 270px) !important;
				width: 100%;
			}

			.copyright.pointer-events-none{
				margin-top:20px;
			}
			.circle-box-field .inner img {
				max-width: 300px !important;
				max-height: 300px;
				object-fit: contain;
				border-radius: unset;
			}
			.custom-contact-page-text-editor{
				margin-top: -90px;
			}
	
		
		.fancybox__container.is-animated .wpcf7-response-output::before {
			content: "";
			position: absolute;
			top: 25%;
    		left: 44%;
			width: 40px;
			height: 40px;
		}
			@keyframes opacityAnimate {
				0%{
					opacity:1;
					visibility:visible;
				}
				95%{
					opacity:1;
					visibility:visible;
				}
				100%{
					opacity:0;
					visibility:hidden;
					pointer-events:none;
				}
			}
            .sub-menu {
                min-height: 290px;
            }

            .language .sub-menu {
                min-height: unset;
            }

			.custom-header-height {
				height:128px !important;
				transform:translatez(0px);
			}
			.is-fixed.custom-header-height{
				height:100px !important;
			}
			.text-wrapper .page-location{
				position:relative;
				z-index:2;
			}
			.circle-box-field .inner img{
					max-width:300px !important;
				   max-height: 300px;
    				object-fit: contain;
			}	

        }
		@media only screen and (min-width: 1680px) {
			.images-wrapper .preview-image{
				height: 612px;
    			width: 100%;
			}
		}
		@media only screen and (min-width: 1440px) and (max-width: 1680px)  {
			.images-wrapper .preview-image{
				width: 100%;
    			height: 540px;
			}
		}
		@media only screen and (min-width: 1366px) and (max-width: 1440px)  {
			.images-wrapper .preview-image{
				width: 100%;
    			height: 500px;
			}
		}
        @media only screen and (max-width: 991px) {
					.custom-scroll-bottom-c .d{
						transform:translatey(0px) translateZ(0);
					}
					header .has-child .icon-plus:before {
						content: "E";
					}
					header .has-child .is-triggered {
						--tw-bg-opacity: 1;
						background-color: rgb(62 64 183 / var(--tw-bg-opacity));
						transform: rotate(224deg);
					}
					span.trigger::before {
						content: "";
						width: 300px;
						height: 100%;
						position: absolute;
						left: -1000%;
						bottom: 0;
						background: #0a162000;
					}
					.breadcrumb-field{
						margin-top:60px;
					}
					.references-custom-page{
						padding-top:0px;
					}
					.change-view-style{
						display:none;
					}
			.scroll-bottom{
				display:none;
			}
			.fancybox__container.is-animated .wpcf7-response-output{
				width: 300px !important;
				padding: 10px 45px !important;
				top: 28% !important;
				left: 2% !important;
			}
			.index-field-custom .callact-field h2{
				font-size: 20px;
			}
			.custom-cms-page .breadcrumb-field, .it-custom-page .breadcrumb-field{
				margin-top:100px;
			}
			.custom-cms-page .callact-field{
				padding-top:0px;
			}
			.circle-box-field .inner img{
				padding: 30px;
				object-fit: contain;
				width: 300px;
				height: 300px;
			}
			.progress-wrap{
				display:none !important;
			}
			.group\/button:hover .group-hover\/button\:text-\[\#5767D4\] {
				--tw-text-opacity: 1;
				color: white;
			}
	
            .latest-references-content-carousel .tags.relative {
                height: 50px;
            }
			.custom-header-height {
				height:70px !important
			}
			.language .button{
				width:40px;
				height:40px;
			}
            .custom-mobile-height {
                height: unset !important
            }

            .mobile-menu-bar * {
                -webkit-tap-highlight-color: transparent;
            }

            .form-el .z-\[999\] {
                z-index: unset !important;
            }
        }

        .form-field .icon.icon-plus {
            pointer-events: none;
        }
/*
        .wpcf7-not-valid-tip {
            color: #dc3232;
            font-size: 1em;
            font-weight: normal;
            display: block;
            text-align: center;
            margin: 20px 0px;
            border: 1px solid #394253;
            padding: 10px;
            border-radius: 15px;
        }

        .wpcf7 form.invalid .wpcf7-response-output {
            padding: 10px;
            border: 1px solid #394253;
            border-radius: 10px;
        }
*/
        img.alignright {
            float: right;
            margin: 0 0 1em 1em;
        }

        img.alignleft {
            float: left;
            margin: 0 1em 1em 0;
        }

        img.aligncenter {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        .alignright {
            float: right;
        }

        .alignleft {
            float: left;
        }

        .aligncenter {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
		body{
			user-select:auto !important
		}
		.category-filter .heading{
			display:none;
		}
		.selectclassarea select option{
			color:#333;
		}
		.text-editor a{
			color:#889eb0;
		}
		.blog-list-field .blog-el img, .single-blog .thumbnail img{
			object-fit:fill!important
		}
		.change-view-style .check-option{
			pointer-events:none;
		}
		.custom-page-location {
			display:flex;
		}
		.custom-page-location .split{
			margin: 0px 10px;
		}
		.back_icon_svg{
			width:40px;
			height:40px;
			background-color:rgb(87 103 212 / 0.2);
			padding: 8px;
    		border-radius: 50%;	
			transition:500ms all;
		}
		.back_icon_svg:hover{
			background-color:rgb(87 103 212 / 0.5);
			transform:rotate(20deg);
		}
		.hero-play{
			visibility:hidden;
		}
		.play-pause {
			display:none;
		}
		
		.services-box-field .item .image img{
			object-position:top !important;
		}
		.scroll_up {
			display: flex;
			justify-content: center;
			align-items: center;
			position: fixed;
			right: 0;
			bottom: 0;
			padding: 15px;
			background: transparent;
			border-radius: 0px 10px 0px 0px;
			cursor: pointer;
			z-index: 111111;
		}
		.scroll_up svg{
			width:20px;
			height:20px;
		}
		.scroll_up svg path{
			stroke:white;
		}
		.wpcf7-not-valid-tip{
			    width: 30px;
				height: 30px;
				display: flex;
				padding: unset;
				justify-content: center;
				align-items: center;
				bottom: 77%;
    			right: 15px;
		}
		.wpcf7-not-valid-tip::before {
			left: 8px;

		}
		.page-location {
			position:relative;
			z-index:3;
		}
		.animate1-upup{
			animation:1s opacityAnimateUP infinite forwards;
		}
		.animate1-upup2{
			animation:1s opacityAnimateUP .5s infinite forwards;
		}
		@keyframes opacityAnimateUP{
			0%{
				opacity:0;
			}
			50%{
				opacity:1;
			}
			100%{
				opacity:0;
			}
		}
		.custom-scale-sing{
			transform: scale(0.8);
		}
			.progress-wrap {
    position: fixed;
    right: 35px;
    bottom: 20px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset  0 0 0 2px rgba(255,255,255,0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap:hover::after {
    opacity: 0;
}

.progress-wrap:hover::before {
    opacity: 1;
}
.progress-wrap .progress-circle path { 
    fill: none; 
}
.progress-wrap svg.progress-circle path {
    stroke: #ecedf3;
    stroke-width: 4;
    box-sizing:border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
		.map-field .pin.absolute.backface-hidden {
			display:none;
		}
		footer .map-field .pin.absolute.backface-hidden{
			display:flex;
		}
		.dynamic-sticky{
			transition:500ms all;
		}
		html {
		  scroll-behavior: smooth;
		}
		::selection 
		{
		   background-color: #fff;
		   color : #0f1b25;
		}
		::-moz-selection
		{
		   background-color: #fff;
		   color : #0f1b25;
		}
		.service-custom-page .hero-tools{
			display:none;
		}
		body *{
		  user-select:auto;
		}
		h1,h2,h3,h4,h5,h6,p{
			user-select:text;
		}
	
		.custom-single-logo-reference{
			  width: 120px;
			  object-fit: contain;
			  margin-left: 20px;
			  border-radius: unset;
			  border-left: 1px solid #20324a;
			  padding-left: 20px;
		}
		.custom-single-logo-and-text{
			display:flex;
			align-items:center;
			justify-content: space-between;
		}
		.index-field-custom .reference-logo-field{
			padding-bottom:120px;
		}
		.index-field-custom .prolog-field {
			margin-top:120px;
			margin-bottom:60px;
		}
		.index-field-custom .project-list-field, .index-field-custom .latest-references , .index-field-custom .statistic-card-field{
			margin-bottom:80px;
		}
		.index-field-custom .circle-boxes{
			padding-top:0px;
			padding-bottom:80px;
		}
		.index-field-custom .callact-field{
			margin-bottom: 80px;
		}
	
		.payment-information .payment-info-field{
			margin-bottom:80px;
		}
		.payment-information .payment-card-field{
			margin-bottom:80px;
		}
		.references-custom-page .reference-list , .reference-detail {
			margin-bottom:80px;
		}
		.web-service-page .bg-scroll-field{
			margin-bottom:80px;
		}
		.web-service-page .service-list-field{
			margin-bottom:80px;
		}
		.web-service-page .statistic-card-field{
			margin-bottom:80px;
		}
		.ui-ux-cstm .text-with-side-field{
			margin:80px 0px;
		}
		.sound-button{
			position: absolute;
			right: 1rem;
			bottom: 2rem;
			z-index: 1111;
			width: 150px;
			height: 150px;
			display:flex;
			justify-content:center;
			align-items:center;
		}
		.sound-button svg{
			width: 100%;
			height: 100%;
			position:absolute;
			animation:25s rotate infinite;
			-webkit-animation: 25s rotate infinite;
		}
		.sound-button svg text{
			
			fill: white;
			font-size: 30px;
			font-weight: 500;
			text-transform: uppercase;
			font-variant-ligatures: none;
			letter-spacing: 6px;

			transform-origin: 250px 250px;
		}

		.sound-button .textcircle {
			transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);
			transform-origin: 250px 250px;
		}
		
		.sound-button:hover .textcircle {
			transform: scale(.9) rotate(90deg);
		}

		@keyframes rotate {
				0%{
					-webkit-transform: rotate(0deg);
				}
				100%{
					-webkit-transform: rotate(360deg);
				}
		}
		@-webkit-keyframes rotate {
				0%{
					-webkit-transform: rotate(0deg);
				}
				100%{
					-webkit-transform: rotate(360deg);
				}
		}
		.index-field-custom .hero-slider{
			margin-bottom: 60px;
		}
		.hero-sound{
			width: 100%;
			height: 100%;
			z-index: 11111;
		}
		@media only screen and (max-width: 991px) {
			.sound-button {
				position: absolute;
				right: 0rem;
				bottom: 6rem;
				z-index: 1111;
				width: 120px;
				height: 120px;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.hero-sound .icon{
				font-size:18px;
			}
		}
		@media only screen and (min-width: 991px) {
				.social-media-advert .text-with-side-field{
					margin-top:80px;
				}
		
				.social-media-advert .gallery-field{
					padding-top: 0;
					margin-bottom: 120px;
				}
				.social-media-advert .prolog-field   {
					margin-bottom:120px;
				}
				.social-media-advert .tech-list-field .list .item {
					padding-top: 25px;
					padding-bottom: 25px;
				}
				.social-media-advert .tech-list-field .list .item .image .title{
					display:none;
				}
				.social-media-advert .tech-list-field .list{
					display: grid;
					grid-template-columns: auto auto;
				}
				.social-media-advert .tech-list-field h6{
						font-weight: 600;
				}
				.custom-single-logo-reference{
					  width: 220px;
					  object-fit: contain;
					  margin-left: 20px;
					  border-radius: unset;
					  border-left: 1px solid #20324a;
					  padding-left: 20px;
				}
				.reference-detail .wrapper .text-editor h3{
					font-size:25px;
				}
				.custom-grid-area {
				    grid-template-columns: minmax(0,10fr) minmax(0,5fr) minmax(0,10fr) minmax(0,1fr);
				}
			}
			@media only screen and (max-width: 991px) {
				.reference-list .content-wrapper .detail > a{
					display:flex;
					justify-content:center;
					align-items:center;
				}
				.reference-list .content-wrapper .detail > a > img{
					 width: 125px;
				}
				.payment-information .tooltip{
					top: -45px;
					left: 50%;
					transform: translateX(-50%) !important;
				}
				.payment-information{
				padding-top:0px
				}
				.payment-information .tooltip::after{
					width: 6px;
					left: 50%;
					top: 100%;
				}
				.brief-custom-css{
					padding-top:unset;
				}
				.custom-header-height .content{
					justify-content:center;
				}
				.social-media-advert .tech-list-field .list .item .image{
					display:none;
				}
				.social-media-advert .google-ads-list-field{
					display:none;
				}
				.social-media-advert .tech-list-field .split{
					display:none;
				}
				.social-media-advert .tech-list-field h6{
					font-weight:600;
				}
				.social-media-advert .gallery-field{
					margin-bottom:45px;
				}
				.social-media-advert{
					padding-top:0px;
				}
				.circle-boxes .image.group {
					pointer-events:none;
				}
				.custom-header-height::after {
					content: var(--tw-content);
					height: 69px !important;
				}
				.sound-button {
					position: absolute;
					right: 1rem;
					bottom: 2rem;
					z-index: 1111;
					width: 80px;
					height: 80px;
					display: flex;
					justify-content: center;
					align-items: center;
				}
				.reference-detail .detail-box .inner h3{
					margin-bottom:0px !important;
				}
				.custom-single-logo-reference {
					height: 58px;
				}
				.custom-contact-page-text-editor{
					padding-bottom:0px !important;
					margin-top: 30px;
				}
				.contact-info-field .wrapper .item{
					 border: 1px solid #15334b;
    				 border-radius: 10px;
					 padding: 20px 10px;
					 gap:15px;
				}
				.custom-grid-area {
					grid-template-columns: auto;
				}
				.custom-grid-area{
					text-align:center;
				}
				.copy-iban{
					text-align:center;
					width:100%;
				}
				
			}
			.reference-detail .detail-box .inner h3{
					margin-bottom:0px !important;
				}
			.custom-hover-color{
				color:white !important;
			}
			.custom-button-col:hover .custom-hover-color{
				color:black !important;
			}
			.hero-field-image-content{
				width: 100%;
				height: calc(100vh);
				position: relative;
				margin-bottom: 80px;
			}
			.hero-field-image-content img{
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			.mobil-custom-css .prolog-field{
				margin:80px 0px !important;
			}
			.expo strong{
				font-weight:600;
			}
			.it-custom-page .circle-boxes{
				padding:30px 0px;
			}

			


			.process-field p{
				font-size:18px;
			}
			.social-media-advert .faq-field{
				margin-top:120px;
			}	
			.custom-scroll-bottom-c .d{
						transform:translatey(0px) translateZ(0);
			}
			.hero-field-image-content {
			width: 100%;
			height: calc(95vh);
			position: relative;
			margin-bottom: 80px;
			}
			.mobile-menu-bar{
				z-index:80499
			}
			#commentform{
				position:relative;
			}
			/*
			#commentform label{
				position: absolute;
				left: 2rem;
				top: 1.2rem;
				background: #0b1620;
				padding: 10px;
			}*/
			#commentform .comment-form-comment #comment{
				width: 100%;
				background: #0b1620;
				border: 1px solid #222c39;
				padding: 10px;
				margin: 20px 0px;
				border-radius: 27px;
			}
			#commentform input[type="text"]{
				width: 100%;
				background: #0b1620;
				border: 1px solid #222c39;
				padding: 20px;
				margin: 20px 0px;
				border-radius:5px;
			}
		
			#respond form p{
				position:relative;
			}
			#respond form p label {
				position: absolute;
				left: 2rem;
				top: 7px;
				background: #0a1620;
				padding: 5px 10px;
			}
			#reply-title{
				font-size: 27px;
				margin-bottom: 30px;
			}
			.comment-notes span{
				font-size:16px;
				opacity:.7;
			}
			.comment-notes{
				margin-bottom:20px;
			}
			.comment-form-cookies-consent{
				display:none;
			}
			.form-submit input{
				background: #5767d4;
				padding: 20px;
				border-radius: 40px;
				font-weight: lighter;
			}
			#respond{
				margin-top:120px;
				
			}
			#respond,.comment-list, .options {
				display:none;
			}
			.text-editor ul[type="disc"]{
				margin-left: unset;
				padding-left: unset;
			}
			.circle-boxes {
				gap:30px;
			}
			.card-field .text-editor{
					color: white;
					opacity: .5;
			}
			.text-with-side-field li{
				list-style-image:url(../images/ppbOw25pFjk9.svg)
			}
			.corparate-mail-service .breadcrumb-field , .mail-service-detail .breadcrumb-field{	
    			margin-top: 120px;
			}
			.corparate-mail-service .card-field {
				padding-top:0px;
			}

			.text-lynch-500,.bg-scroll-field .text-editor h6, .main-field .text-editor *:not(h1,h2,h3,h4,h6,strong, .text-white) {
				--tw-text-opacity: 1;
				color: rgba(153, 175, 194, 1) !important;
			}
			a.text-lynch-500:hover,{
				--tw-text-opacity: 1;
				color: rgba(255, 255, 255, 255) !important;
			}
			.hover\:text-white:hover {
				--tw-text-opacity: 1;
				color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
			}
			.email-field{
				margin-bottom:0px;
			}
			.corp-idedent-des.web-design .services-box-field  .widen-to-screen {
				background-color: #0a1620;
			}
			.only_image .icon-play:before {
				content: "N";
			}
			.charsetter{
				width: 100%;
				position: absolute;
				left: 0;
				bottom: 0;
				background: #0b1620;
				padding: 15px;
				border-radius: 10px;
				color: #6d7379;
				display:none;
			}
		.process-field h1,.process-field h2, .process-field h3,.process-field h4 ,.process-field strong, .main-field .process-field .text-editor  p,
		.project-process-field h1,.project-process-field h2, .project-process-field h3,.project-process-field h4 ,.project-process-field strong, .main-field .project-process-field .text-editor p,
		.services-box-field h1,.services-box-field h2, .services-box-field h3,.services-box-field h4, .services-box-field h6 ,.services-box-field strong, .main-field .services-box-field .text-editor p, 
		.project-list-field h1,.project-list-field h2, .project-list-field h3,.project-list-field h4, .project-list-field h6 ,.project-list-field strong, .main-field .project-list-field .text-editor p,
		.statistic-card-field h1,.statistic-card-field h2, .statistic-card-field h3,.statistic-card-field h4, .statistic-card-field h6 ,.statistic-card-field strong, .main-field .statistic-card-field .text-editor p,
		.faq-field .text-editor p
		{
			color:white !important;
			opacity:.9
		}
		.mail-btn-box:hover .text {
			color: white !important;
		}
		#quick-popup .button-field{
			gap:1rem;
		}
		#quick-popup .text-editor h3{
			    font-size: 26px;
    			margin-left: 3rem;
		}
		#quick-popup textarea{
			height:100px;
		}
		.sendbtn{
			transition:500ms all;
		}
		.sendbtn:disabled{
			background: #0a1620;
    		cursor: no-drop;
		}
	.form-svg-field-container svg.radial-progress{height:auto;max-width:240px;padding:0;transform:rotate(-90deg);width:100%;border-radius:50%;}
	.form-svg-field-container section.svg-container svg.radial-progress:nth-child(even) {margin: 0 15px;}
	.form-svg-field-container svg.radial-progress circle{fill:transparent;stroke:#fff;}
	.form-svg-field-container svg.radial-progress circle.bar-static{stroke:#fafafa!important;}
	
	.form-svg-field-container svg.radial-progress text{fill:#fafafa;font-family:Roboto;font-size:16px;font-weight:700;text-anchor:middle;text-shadow:0 0 5px #0000007a;}
		.form-svg-field-container svg.radial-progress circle.bar-static {
			stroke: #fafafa!important;
			stroke-width: 3px;
		}
		.radial-progress{
		    width: 20px !important;
			height: 20px !important;
			right: 1rem;
			z-index: 1;
			margin-left:1rem;
			transition:500ms all;
		}
		.disableReferenceBtn {
			background: unset;
			pointer-events: none;
			cursor:no-drop;
		}
		.shower {
			opacity: 0;
			visibility: hidden;
			width: 0px !important;
			margin-left: 0px;
		}
		#career-popup .file-input{
			width:100%;
			height:80px;
		}
		.reference-detail a .circle .icon{
			color:inherit
		}
		header{
			transition: transform 0.3s ease-in-out;
		}
		main .mail-btn-box:hover .text{
				color:white !important;
			}



		
@media only screen and (max-height: 600px) {
    .index-field-custom .hero-field iframe {
        -webkit-transform: scale(2) !important;
    }
}

@media only screen and (max-height: 991px) {
    .index-field-custom .hero-field iframe {
        -webkit-transform: scale(1.5) !important;
    }
}
@media only screen and (max-width: 765px) {
    .index-field-custom .hero-field iframe {
        -webkit-transform: scale(1.94) !important
    }
}


@media only screen and (max-width: 480px) {
    .index-field-custom .hero-field iframe {
        -webkit-transform: scale(2) !important;
    }
}

@media only screen and (max-width: 450px) {
    .index-field-custom .hero-field iframe {
        -webkit-transform: scale(2) !important;
    }
}