 @media screen and (max-width: 1900px) {
	 .khat5 svg {
    position: absolute;
    width: 90%;
    height: 100%;
    top: 12%;
    left: 0%;
}
    .khat2 svg {
        position: absolute;
        width: 90%;
        left: 25%;
        top: 13%;
    }
	.khat3 svg {
    position: absolute;
    width: 73%;
    right: 35%;
    bottom: 42px !important;
	}
	.misoonText {
    padding: 30px 100px 0px 0px !important;
    max-height: 800px;
}

}
 @media screen and (max-width: 1700px) {
    .khat5 svg {
        position: absolute;
        width: 88%;
        height: 98%;
        top: 15%;
        left: 2%;
    }
	    .khat3 svg {
        position: absolute;
        width: 73%;
        right: 37%;
        bottom: 2px !important;
    }

	.txtKHat5 {
    font-size: 20px !important;
	}
	.txtBottomKHat5 h2 {
    font-size: 24px !important;
	}
	.visions .eyeTextBox {
    width: 85% !important;
}





	table.acf-table td {
    border-right: none !important;
    padding: 0 !important;
    min-width: 140px;
	}
	table.acf-table tbody tr td:nth-child(1) {
    min-width: 140px;
	}
	table.acf-table th:nth-child(4) {
    min-width: 140px;
	}
    .chartShort {
        overflow: auto;
        padding-right: 25px;
        display: block;
    }
table.acf-table th, table.acf-table td {
        max-width: 90px !important;
        min-width: 90px;
    }
	table.acf-table tbody tr .data-cell {
		line-height: 1.5;
		font-size: 11px !important;
		/* margin: 0 5px; */
	}
	
}
@media screen and (max-width: 1620px) {
.mainMenu .sf-menu>.menu-item i.menu_icon_image::before {
    position: relative;
    display: block;
    width: 100%;
    content: "";
    padding-top: 60%;
}
.misoonText p.elementor-icon-box-description {
    font-size: 20px !important;
}
.raesBoxTxt p.elementor-icon-box-description {
    font-size: 20px !important;
}
.aboutEndBox p.elementor-icon-box-description {
    font-size: 20px !important;
}

.iconBpx-cakaloge-me {
    top: 13% !important;
}
.singlrPrBottomPic .elementor-widget-container:before {
    padding-top: 148%;
}
.productContent {
    min-height: auto !important;
}
.yacPrTxt h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
}
.yacPrTxt h4 strong {
    font-size: 18px;
    font-weight: 400;
}
.yacPrTxt h4 {
    font-size: 24px;
    font-weight: 500;
}
.blogHome a.elementor-icon.elementor-animation- {
    font-size: 70px;
}
.LogoMi img.attachment-full.size-full{
	width: 35% ;
	max-width: 35%;
}
.blogHome h3.elementor-icon-box-title a {
    font-size: 28px ;
}
.cataloogHome h2.elementor-heading-title.elementor-size-default {
    font-size: 24px ;
}
.productHPage h2.elementor-heading-title.elementor-size-default {
    font-size: 24px ;
}
.comunectHome h2.elementor-heading-title.elementor-size-default {
    font-size: 24px;
}
.HomeHead h2 {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.HomeBox .HomeHead {
    position: absolute;
    top: 17vh;
}
.boxGome {
    min-width: 130px !important;
}
}
 @media screen and (max-width: 1500px) {
	 .chartTitleName .elementor-heading-title {
    font-size: 14px !important;
    line-height: 4.5 !important;
}
    .khat5 svg {
        position: absolute;
        width: 85%;
        height: 110%;
        top: 5%;
        left: 2%;
    }
	    .txtKHat5 {
        font-size: 16px !important;
    }
	.khat3 svg {
        position: absolute;
        width: 74%;
        right: 34%;
        bottom: -23px !important;
    }
	.eyeTextBox5 {
    padding: 20px 0 0 0 !important;
    justify-content: flex-start !important;
}
}
 @media screen and (max-width: 1480px) {
.contactLoc .elementor-widget-icon-box {
    min-width: 100% !important;
}
.builderIcon {
    width: 100% !important;
}
    .khat2 svg {
        position: absolute;
        width: 90%;
        left: 30%;
        top: 10%;
    }
}

 @media screen and (max-width: 1380px) {
	 .itemProduct .e-con-inner > .elementor-element:nth-child(2) .elementor-heading-title {
		font-size: 20px;
	}
	.itemProduct .e-con-inner > .elementor-element:nth-child(2) {
    padding: 40px 10px !important;
}
	 .mainMenu .sf-menu>.menu-item .sub-menu {
    width: 120px !important;
    right: calc(50% - 60px);
}
    .misoonText p.elementor-icon-box-description {
        font-size: 16px !important;
    }
	.raesBoxTxt p.elementor-icon-box-description {
    font-size: 16px !important;
}
.aboutEndBox p.elementor-icon-box-description {
    font-size: 16px !important;
}
    .khat3 svg {
        position: absolute;
        width: 75%;
        right: 35%;
        bottom: -53px !important;
    }
.conTable2 .faNum, .conTable2 .enNum, .conTable2 .feNum, .conTable2 .enNone, .conTable2 .faNone {
    margin: 0px 0px;
}
.conTable2 .tableHead .enName::after {
    height: 500px;
}
.contactHead span.elementor-icon {
    font-size: 60px !important;
}
.contactHead h3.elementor-icon-box-title {
    font-size: 22px !important;
}
.comunectHome h2.elementor-heading-title.elementor-size-default {
        font-size: 22px;
}
.blogHome h3.elementor-icon-box-title a {
        font-size: 24px;
        line-height: 24px;
}
    .LogoMi img.attachment-full.size-full {
        width: 30%;
        max-width: 30%;
        padding: 10px;
    }
	.HomeBox .HomeHead {
        position: absolute;
        top: 18vh;
    }

.loopPicGallery .elementor-grid > :nth-child(even) .picTextGallery .imgBox img {
    border-radius: 30px 0 0 30px;
}
.loopPicGallery .elementor-grid > :nth-child(odd) .picTextGallery .imgBox img {
    border-radius: 0 30px 30px 0;
}
.textBox .gText h2 {
    font-size: 20px;
    transition: 0.2s linear;
}
.table-05 thead th .ddivv {
    font-size: 20px;
    line-height: 1.6;
    min-width: 270px;
    margin-bottom: 20px;
    min-height: 100px;
}
.table-05 span.ddivv::after {
    content: "";
    height: 330px;
    pointer-events: none;
    z-index: 10;
}
.table-05 tbody td {
    padding: 15px 25px;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.8;
    position: relative;
}
.boxChatCont {
    margin: 0;
    padding: 0 !important;
}
.chartTitleName {
    min-width: 150px;
}
.yacPrTxt h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
}
.yacPrTxt h4 strong {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;

}
.yacPrTxt h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;

}
.HIFootTop {
    width: 100% !important;
}
.mainMenu .sf-menu>.menu-item:hover span {
    font-size: 13px;
}
.mainMenu .sf-menu>.menu-item {
    width: 140px;
}
.mainMenu .sf-menu>.menu-item span {
	display: block;
	font-size: 13px;
	line-height: 18px;
	text-wrap: wrap !important;
	text-align: center;
	font-size: 10px !important;
}
.HIFootBottom {
    padding: 10px 0 !important;
}
.icon-top-home .icon3 .elementor-icon svg {
    height: 100px !important;
}
.icon-top-home .icon2 .elementor-icon svg {
    height: 75px !important;
}
.icon-top-home .icon1 .elementor-icon svg {
    height: 75px !important;
}
    .mainMenu .sf-menu>.menu-item {
        width: 110px;
    }
	    .blogHome a.elementor-icon.elementor-animation- {
        font-size: 50px;
    }
	.aboutMeraj .txtKHat5 {
    padding: 0 50px;
	}
	.aboutMeraj .txtHeadKHat5 {
    padding-right: 50px;
    z-index: 100;
    margin-top: -6px;
    margin-left: 5px;
	}

	.chartTitleName {
		position: relative;
		top: -10px;
		left: 0px;
	}
	table.acf-table .header-cell {
		background: #002E6E;
		width: 100%;
		height: 100%;
		padding: 10px 5px;
		min-height: 90px;
		border-radius: 25px 25px 0 0;
		color: #fff;
	}
}





 @media screen and (max-width: 1320px) {
.gridbtnBoxes .HomeHead {
    min-height: 12%;
}
.gridbtnBoxes {
    padding-top: 11%;
    padding-bottom: 34%;
	min-height: 1200px;
	max-height: 1200px;
}
con-full.raesBoxTxt.e-flex.e-con.e-child{
    padding-bottom: 50px;
}
    .khat3 svg {
        position: absolute;
        width: 70%;
        right: 38%;
        bottom: -53px;
    }
.boxWidth {
	width: 20%;
	cursor: pointer;
    position: relative;
	transition: all 0.4s;
}
.boxWidth.activeWidth {
	width: 100%;
	transition: all 0.4s;
	
}
.misoonText {
    width: 90%;
}
}
@media (max-width: 1200px) {
    .galleryGridBox .gallery {
        grid-template-columns: repeat(5, 1fr);
    }
    .galleryGridBox .gallery > :nth-child(1){ grid-area: 1 / 5 / 2 / 6; }
    .galleryGridBox .gallery > :nth-child(2){ grid-area: 1 / 4 / 2 / 5; }
    .galleryGridBox .gallery > :nth-child(3){ grid-area: 1 / 2 / 4 / 4; }
    .khat5 svg {
            position: absolute;
            width: 85%;
            height: 113%;
            top: 5%;
            left: 5%;
        }
	    .txtKHat5 {
        font-size: 14px ;
		line-height: 28px ;

    }
	    .txtBottomKHat5 h2 {
        font-size: 20px !important;
    }
	    .khat3 svg {
        position: absolute;
        width: 75%;
        right: 35%;
        bottom: -83px !important;
    }



 }
 @media (max-width: 1199px){
    .galleryGridBox .gallery {
        grid-template-columns: repeat(3, 1fr);
    }
    .galleryGridBox .gallery > * {
        grid-area: auto !important; /* غیرفعال کردن پوزیشن دستی */
    }
	.khat1 svg {
    position: absolute;
    bottom: -156px;
    right: 10%;
    width: 48%;
}
    .khat2 svg {
        position: absolute;
        width: 90%;
        left: 20%;
        top: 0%;
    }

}
 @media screen and (max-width: 1080px) {
	.HIFootTop {
    width: 40% !important;
	}
	.conRightSEc {
    gap: 20px !important;
	}
	.khat3 svg {
        position: absolute;
        width: 70%;
        right: 37%;
        bottom: -100px !important;
    }
 }
 @media screen and (max-width: 1024px) {
.post-type-archive-gallery .galleryGridBoxes .elementor-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 0 0 100px 0;
}

	    .khat3 svg {
        position: absolute;
        width: 72%;
        right: 35%;
        bottom: -115px !important;
    }
	.textBox .gText h2 {
    font-size: 18px;
    transition: 0.2s linear;
	}
	.boxGome {
    min-width: auto;
	}
	.prodCatItems .alv-category-item h3 {
    font-weight: 400 !important;
	font-size: 18px !important;
	}
	.alv-category-grid .alv-category-item img{
	width: 150px !important;
    height: 150px !important;
	}
	.catpage .alv-category-grid{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px 0px !important;
	}
}

@media screen and (max-width: 1000px) {
        .txtKHat5 {
            font-size: 14px !important;
            line-height: 20px !important;
            font-weight: 400 !important;
        }
		.txtBottomKHat5 h2 {
            font-size: 18px !important;
            margin-top: -25px;
        }
		.eyeTextBox5 {
    		gap: 5px !important;
		}
		.khat3 svg {
        position: absolute;
        width: 72%;
        right: 35%;
        bottom: -135px !important;
    }
}


 @media screen and (max-width: 980px) {
.contentControlProd .e-con-inner {
    flex-direction: column !important;
    width: 100% !important;
}
.contentControlProd > .e-con-inner .itemCtrlProd {
    width: 100% !important;
    height: auto;
}
.contentControlProd {
    position: relative !important;
    width: 100% !important;
    padding: 20px 0 0;
}
.contentControlProd > .e-con-inner .itemCtrlProd:before {
    padding-top: 60% !important;
}
.pageAlvproduct-control .HomeBox.controulBox {
    height: auto !important;
    max-height: unset !important;
    /* overflow: auto !important; */
    padding-bottom: 120px !important;

}
.pageAlvproduct-control .row.clr {
    padding: 0 !important;
    margin: 0 !important;
    left: 0 !important;
    right: 0;
    width: 100vw !important;
    max-width: 100vw;
}
.contentControlProd > .e-con-inner .itemCtrlProd {
    border-radius: 0 !important;
}
.contentControlProd > .e-con-inner .itemCtrlProd:before {
    opacity: 0.6;
}
.contentControlProd > .e-con-inner .itemCtrlProd {
	width: 100% !important;
	height: auto;
	background-repeat: no-repeat !important;
	/* animation: unset !important; */
	background-size: cover !important;
}
 }
 @media screen and (max-width: 900px) {
.HIFootBottom {
    min-height: 12vh !important;
}
    .khat2 svg {
        position: absolute;
        width: 100%;
        left: 25%;
        top: -5%;
    }
	    .khat3 svg {
        position: absolute;
        width: 73%;
        right: 35%;
        bottom: -155px !important;
    }
    .mainMenu .sf-menu>.menu-item {
        width: 90px;
    }
	    .blogHome a.elementor-icon.elementor-animation- {
        font-size: 40px;
    }
	    .mainMenu .sf-menu>.menu-item span {
        display: block;
        font-size: 11px;
        line-height: 18px;
        text-wrap: nowrap;
    }
	.blogHome h3.elementor-icon-box-title a {
    font-size: 22px ;
}
.cataloogHome h2.elementor-heading-title.elementor-size-default {
    font-size: 18px ;
}
.productHPage h2.elementor-heading-title.elementor-size-default {
    font-size: 18px ;
}
.comunectHome h2.elementor-heading-title.elementor-size-default {
    font-size: 18px;
}
    .HIFootTop {
        width: 100% !important;
    }
	    .khat1 svg {
        position: absolute;
        bottom: -169px;
        right: 10%;
        width: 48%;
    }
}

@media screen and (max-width: 800px) {
	        .txtKHat5 {
            font-size: 13px !important;
            line-height: 20px !important;
            font-weight: 400 !important;
        }
		.eyeTextBox5 {
			padding:10px 0 0 0 !important ;
		}
		.txtBottomKHat5 h2 {
            font-size: 16px !important;
            margin-top: -25px;
        }
		.khat3 svg {
        position: absolute;
        width: 75%;
        right: 35%;
        bottom: -165px !important;
    }
}






@media screen and (max-width: 768px) {
.itemProduct .e-con-inner > .elementor-element:nth-child(2) .elementor-heading-title {
    font-size: 16px;
    letter-spacing: -1px;
}
.pageAlvproduct-control .HomeBox.controulBox {
	padding-bottom: 0px !important;
}
	.txtPrPage h2 span {
    font-size: 17px;
}
	.gridbtnBoxes .HomeHead {
        min-height: 8vh;
    }
	.galleryGridBoxes .elementor-loop-container {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-column-gap: 15px !important;
        grid-row-gap: 15px !important;
    }

    /* ریست کردن همه grid-areaهای دستی (چون با ۲ ستون سازگار نیستن) */
    .galleryGridBoxes .elementor-loop-container > * {
        grid-area: auto !important;
    }

    .galleryGridBoxes .elementor-loop-container > :nth-child(1) {
        display: none !important;
    }
	.contentControlProd > .e-con-inner {
		flex-direction: column !important;
	}
	.contentControlProd > .e-con-inner .itemCtrlProd{
        border-radius: 0px 0px 0px 0px !important;
        max-height: 350px !important;
        width: calc(100% / 1) !important;
        animation: none !important;
        margin-bottom: 20px !important;
	}
	.orgChart {
    min-height: 50vh !important;
	}
	    .aboutMeraj .txtKHat5 {
        padding: 0px !important;
    }
	.misoonText p.elementor-icon-box-description {
    font-size: 14px !important;
}
.raesBoxTxt p.elementor-icon-box-description {
    font-size: 14px !important;
}
.aboutEndBox p.elementor-icon-box-description {
    font-size: 14px !important;
}
    .txtKHat5 {
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 400 !important;
    }
	.misoonText {
    width: 100%;
    padding: 20px !important;
	}
    .khat2 svg {
        position: absolute;
        width: 100%;
        left: 10%;
        top: -5%;
    }
    .khat3 svg {
        position: absolute;
        width: 73%;
        right: 35%;
        bottom: -15px !important;
    }
	.aboutMeraj .txtHeadKHat5 {
        padding-right: 0;
        z-index: 100 !important;
        margin-top: -6px;
        margin-left: 5px;
    }
	.khat1 svg {
    position: absolute;
    bottom: -175px;
    right: 10%;
    width: 47%;
    /* height: 100%; */
	}
	 .singlePrTopPic .elementor-widget-container:before {
    width: 100vw;
	}
	.boxWidth {
		
    min-width: 100vw !important;
    min-height: 250px !important;
	max-height: 250px;
	}
	.boxWidth.activeWidth {
	min-height: 350px !important;
		max-height: 350px;

	}
    .gridbtnBoxes {
        padding: 110px 0 250px 0 !important;
        min-height: 1710px !important;
    }
	
	.yacPrTxt h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
	}
	.textBox .gText h2 {
    font-size: 13px;
    transition: 0.2s linear;
	}
	.yacPrTxt h4 strong {
    font-size: 16px;
    font-weight: 400;
	    line-height: 18px;

	}
	.yacPrTxt h4 {
    font-size: 14px;
    font-weight: 500;
	    line-height: 18px;

	}
	.chartBox .elementor-widget-container:before {
    width: 100vw;
    padding-top: 80%;

	}
	.singlrPrBottomPic .elementor-widget-container:before {
    padding-top: 100%;
    width: 100vw;
	}
	.singlrPrBottomPic .elementor-widget-container img {
    object-fit: fill;
    transform: rotate(90deg);
	}
	 .abotHm.chharty::after {
    position: absolute;
    right: -15px;
    bottom: 22px;
    background-image: url(/wp-content/themes/xtra-child/dist/img/about-tik.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 13px;
    content: "";
    background-size: contain;
	}
	.prodCatItems .alv-category-item h3 {
        font-weight: 400 !important;
        font-size: 16px !important;
    }
	.alv-category-grid .alv-category-item img {
        width: 120px !important;
        height: 120px !important;
    }
	.HomeBox2 .HIFootBottom2 {
    width: 100%;
    position: fixed;
	height: 100vh !important;
    top:0;
	right: 0;
	margin: auto;
	opacity: 0;
	pointer-events: none;
	transition: 0.3s;
	z-index: 0 !important;
	}
	.bredctegory-matn .elementor-image-box-wrapper {
    display: flex
	;
    gap: 10px;
    align-items: self-end;
	}
	.HomeBox2 .HIFootBottom2.alActive {
		opacity: 1;
		pointer-events: auto;
	}
 	.HIFootBottom2 > .mainMenu > .elementor-widget-container > ul:before, .HIFootBottom2 > .mainMenu > .elementor-widget-container > ul:after{
        display: none;
	}
	.HIFootBottom2 > .mainMenu > .elementor-widget-container > ul {
        padding: 80px 40px !important;
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap;
        gap: 50px 50px;

    }
    .HIFootBottom2 .mainMenu .sf-menu>.menu-item {
        width: 140px !important;
		opacity: 0;
		transform: translateY(-50px);
		transition: 0.2s;
    }
    .HIFootBottom2 .mainMenu .sf-menu>.menu-item:nth-child(1) {transition-delay:0.2s ;}
    .HIFootBottom2 .mainMenu .sf-menu>.menu-item:nth-child(2) {transition-delay:0.4s ;}
    .HIFootBottom2 .mainMenu .sf-menu>.menu-item:nth-child(3) {transition-delay:0.6s ;}
    .HIFootBottom2 .mainMenu .sf-menu>.menu-item:nth-child(4) {transition-delay:0.8s ;}
    .HIFootBottom2 .mainMenu .sf-menu>.menu-item:nth-child(5) {transition-delay:1s ;}
    .HIFootBottom2 .mainMenu .sf-menu>.menu-item:nth-child(6) {transition-delay:1.2s ;}
    .HIFootBottom2 .mainMenu .sf-menu>.menu-item:nth-child(7) {transition-delay:1.4s ;}
    .HIFootBottom2 .mainMenu .sf-menu>.menu-item:nth-child(8) {transition-delay:1.8s ;}
    .HIFootBottom2 .mainMenu .sf-menu>.menu-item:nth-child(9) {transition-delay:2s ;}
    .HIFootBottom2 .mainMenu .sf-menu>.menu-item:nth-child(10) {transition-delay:2.2s ;}
    .HIFootBottom2 .mainMenu .sf-menu>.menu-item:nth-child(11) {transition-delay:2.4s ;}
    .HIFootBottom2 .mainMenu .sf-menu>.menu-item:nth-child(12) {transition-delay:2.6s ;}
	.HomeBox2 .HIFootBottom2.alActive .mainMenu .sf-menu>.menu-item{
		opacity: 1;
		transform: translateY(0px);


	}
	.customAlv {
		padding-right: 5px;
		margin-right: 25px;
		align-items: center;
	}
	.HIFootBottom2 .mainMenu .sf-menu>.menu-item span {
        display: block;
        font-size: 12px;
        line-height: 18px;
        text-wrap: wrap !important;
    }
    .HomeBox .HomeHead{
        position: absolute;
        top: 30vh;
    }
	.HomeBox:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
	pointer-events: none;
	z-index: 3;
	}
	.HIFootBottom2 .mainMenu .menu-item-has-children:hover .titleMenu {
    transform: translateY(0px);
	}

	.HIFootBottom2 .mainMenu .sf-menu>.menu-item:hover .sub-menu {
    z-index: 10000;
    padding-bottom: 0;
    opacity: 1;
    transition: 0.3s;
	}
	.HIFootBottom2 .mainMenu .sf-menu>.menu-item .sub-menu {
    bottom: 30px;
	}
.post-type-archive-gallery .galleryGridBoxes .elementor-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 0 0 120px 0;
}
.galleryGridBox .e-con.e-flex {
        --width: 100%;
        --flex-wrap: nowrap !important;
    }

.galleryGridBox {
    --flex-wrap: nowrap !important;
}
.post-type-archive-gallery .galleryGridBox .gallery {
    display: flex !important;
}
	/* .gImage .elementor-widget-container {
    position: relative;
    width: 80%;
    margin: 0 auto;
    border-radius: 15px;
    overflow: hidden;
    max-width: 80%;
	}
	.gImage .elementor-widget-container::before {
    display: block;
    position: relative;
    width: 50vw;
    padding-top: 100%;
    content: "";
	}
	.picTextGallery:hover .gImage .elementor-widget-container a {
	filter: grayscale(0%);
	transform: scale(1.2);
	width: 100%;
	} */

	/* .loopPicGallery .elementor-grid > :nth-child(odd) .picTextGallery:hover .textBox{
	transform: translateX(0px);
	}
	.loopPicGallery .elementor-grid > :nth-child(even) .picTextGallery:hover .textBox{
	transform: translateX(0px);
	}
    .galleryGridBox .gallery {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        display: grid !important;
    }
    .galleryGridBox .gallery > * {
        grid-area: auto !important;
    } */
	.elementor-11031 .elementor-element.elementor-element-5953840 {
    --display: grid !important;
	}
	.galleryGridBox .gallery:before,.galleryGridBox .gallery:after {
    content: '';
    display: none !important;
	}
	.galleryGridBox .gallery .gallery-item::before {
    width: 100%;
    padding-top: 100%;
	}
    section.elementor-element.elementor-element-13728c0.HomeBox.controulBox.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
        min-height: 1750px;
        max-height: 1750px !important;
        overflow: hidden;
    }



















	.eyeBox .elementor-widget-container::before {
    width: 100vw;
    padding-top: 100%;

	}
	.khat5 {
    position: absolute !important;
    top: 0;
    width: 100% !important;
    height: 75%;
    display: flex;
    justify-content: end !important;
    align-items: center !important;
}
        .khat5 svg {
            position: absolute;
            width: 100%;
            height: 100%;
            top: -5%;
            left: 3%;
        }
		.eyeTextBox5 {
    		padding: 20px !important;
    		margin-tor: 20px !;
		}
	.conTable1 .faNum, .conTable1 .enNum, .conTable1 .faNumorng, .conTable1 .enNumorng {
    padding: 5px 0;
    font-size: 18px;
    font-weight: 600;
    position: relative;
}
.conTable1 .tableHead .enName::after, .conTable1 .tableHead .enNameorng::after {
    content: "";
    width: 100%;
    height: 250px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    border-radius: 0 0 25px 25px;
}
.conTable1 .tableHead .enName, .conTable1 .tableHead .enNameorng {
    margin-bottom: 10px;
}
.conTable1 .faName, .conTable1 .faNameorng {
    padding: 10px 0 8px;
    border-radius: 20px 20px 0 0;
}
.conTable1 .firstLab, .conTable1 .lastLab {
	font-size: 20px !important;
}
.khat6 svg {
    position: absolute;
    width: 77%;
    height: 100%;
    top: -6%;
    left: -38%;
}
.txtHeadKHat5 .elementor-widget-container {
    background: transparent !important;
}
.conTable2 .faName {
    padding: 15px 0px 0px;
    border-radius: 20px 20px 0 0;
    font-size: 16px;
    min-height: 50px;
    line-height: 24px;
}
.conTable2 .faNum, .conTable2 .enNum, .conTable2 .feNum, .conTable2 .enNone, .conTable2 .faNone {
    padding: 12px 0px 5px;
    margin: 0px 0px;
    font-size: 16px;
}	
	.conTable2 .tableHead .enName::after {
    width: 100%;
    height: 440px;

	}
    .conTable2 th{
        padding: 8px !important;
    }

	.khat7 {
    position: absolute !important;
    width: 80% !important;
    height: 80%;
    display: flex;
    justify-content: end !important;
    align-items: center !important;
	}
	.khat7 svg {
    position: absolute;
    width: 80%;
    height: 80%;
    top: 4%;
    left: -39%;
	}
	.khat7 svg {
    position: absolute;
    width: 80%;
    height: 80%;
    top: -2%;
    left: -45%;
}
.conTable3 .faNum, .conTable3 .enNum, .conTable3 .faNumTras {
    padding: 5px 0;
    font-size: 18px;
    font-weight: 500;
    position: relative;
}
.conTable3 .faName {
    padding: 15px 0 0px;
    border-radius: 20px 20px 0 0;
    font-size: 16px;
    font-weight: normal;
    min-height: 70px;
    line-height: 24px;
}
.conTable3 tr.sTwoBody1 td {
    text-align: center;
    padding: 0;
    font-size: 20px;
    background: transparent;
    color: var(--white);
    position: relative;
    min-width: 220px;
}
.conTable3 .tableHead .enName::after {
    height: 220px;
}
.blogMill .elementor-post__excerpt a.cz_readmore {
    background: #FFD300;
    border-radius: 10px;
    color: #000 !important;
    font-size: 14px;
    font-weight: 300;
    padding: 8px 25px !important;
    margin-right: 0;
}
.icon-top-home .e-con-inner {
      position: relative;
      flex-wrap: nowrap !important;
      display: flex !important;
      justify-content:center;
}

.icon-top-home .e-con-inner .icon1 {
        width: 50px !important;
    }

.icon-top-home .e-con-inner .icon2 {
      width: 60px !important;
}

.icon-top-home .e-con-inner .icon3 {
      width: 75px !important;
}

}
 @media screen and (max-width: 700px) {
.HIFootTop {
    padding: 0 0 20px 0 !important;
}
.galleryGridBox .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
footer.elementor {
    position: relative !important;
}
	     .khat3 svg {
        position: absolute;
        width: 73%;
        right: 35%;
        bottom: -45px !important;
    }
	.home .HomeBox > .e-con-inner > .elementor-element:last-child {
    bottom: 40px;
}
.txtPrPage {
    padding: 20px 10px;
}

.txtPrPage .elementor-heading-title {
    font-size: 14px !important;
}

.bottomSectxtProd {
    padding: 30px 10px !important;
}
.singlrPrBottomPic .elementor-widget-container img {
	object-fit: contain;
}
.txtPrPage {
    height: 60px;
    font-size: 12px !important;
    line-height: 1.5;
}
table.acf-table .header-cell {
    font-size: 14px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chartTitleName {
    margin: 10px 0 !important;
}

.yacPrTxt {
    font-size: 14px !important;
    padding: 0px 10px !important;
    width: 100% !important;
    min-width: 100%;
    max-width: unset !important;
}

.yacPrTxt .elementor-shortcode span {
    width: 100% !important;
    min-width: 100% !important;
}

.yacPrTxt .elementor-shortcode h3 {
    width: 100%;
    display: flex !important;
    font-size: 12px;
}
}
 @media screen and (max-width: 680px) {
.prGridArchive .elementor-loop-container.elementor-grid {
    grid-template-columns: 1fr;
	gap: 40px !important;
}
.itemProduct .e-con-inner {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
}
.itemProduct .e-con-inner > .elementor-element:nth-child(1) {
    width: 100% !important;
    transition: all 0.5s;
    background: rgba(255,255,255,0.1);
    padding: 0 !important;
}
.itemProduct .e-con-inner > .elementor-element:nth-child(2) {
        padding: 20px 10px !important;
    }
.itemProduct .e-con-inner > .elementor-element:nth-child(2) {
    width: 100%;
    min-width: 100%;
}
 }
 @media screen and (max-width: 600px) {
	     .khat3 svg {
        position: absolute;
        width: 73%;
        right: 35%;
        bottom: -90px !important;
    }
}
 @media screen and (max-width: 500px) {
.HIFootBottom2 .mainMenu .sf-menu>.menu-item {
	width: 150px !important;
}
.HIFootBottom2 > .mainMenu > .elementor-widget-container > ul {
	gap: 20px 10px !important;
}
.post-type-archive-gallery .galleryGridBoxes .elementor-grid {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    padding: 0 0 20px 0;
}
        .khat1 svg {
            position: absolute;
            bottom: -190px;
            right: 11%;
            width: 47%;
            /* height: 100%; */
        }
		.khat3 svg {
        position: absolute;
        width: 71%;
        right: 35%;
        bottom: -120px !important;
    }
 }
 @media screen and (max-width: 430px) {
	 	.HIFootBottom2 > .mainMenu > .elementor-widget-container > ul {
			 
        gap: 20px 10px;

    }
	.khat3 svg {
        position: absolute;
        width: 71%;
        right: 35%;
        bottom: -150px !important;
    }
	.textBox .gText h2 {
    font-size: 12px;
    transition: 0.2s linear;
	}
	.khat2 svg {
        position: absolute;
        width: 100%;
        left: 8%;
        top: -30%;
    }        
			
	.khat5 svg {
            position: absolute;
            width: 150%;
            height: 100%;
            top: -4%;
            left: 15%;
    }
	.khat6 svg {
    position: absolute;
    width: 77%;
    height: 100%;
    top: -12%;
    left: -38%;
}
.khat7 svg {
    position: absolute;
    width: 80%;
    height: 80%;
    top: -2%;
    left: -45%;
	}
}
 @media screen and (max-width: 380px) {
	    .HIFootBottom2 .mainMenu .sf-menu>.menu-item {
        width: 120px !important;
    }
	.mainMenu .sf-menu>.menu-item i.menu_icon_image img {
		width: 80% !important;
		height: 80%;
	}
	.khat3 svg {
        position: absolute;
        width: 71%;
        right: 35%;
        bottom: -170px !important;
    }









 }































