/* =RESPONSIVE
-------------------------------------------------------------- */

img, object, video, iframe, input, textarea, lottie-player {
	max-width: 100%;
}


@media only screen and (max-width: 1440px) {
	
	 } /*end max-width 1440px*/


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

	
	 }/*end max-width 1366px*/


@media only screen and (max-width: 1280px) {
	
}/* end max-width 1280px*/
	 
@media only screen and (max-width: 1024px) {
    
#mobile-head {
    border-bottom: rgba(0,0,0, 0.5) 1px solid;
}
   #mobile-head .menutoggle a img {
    filter: invert(0); 
   }

   #mobile-head.header-wrap {
    padding:20px 15px;
    }
    #mobile-head .flex {
        justify-content: space-between;
    }

     #mobile-head .flex-right {
        display: flex;
        justify-content: flex-end;
        gap: 20px;
}
#header-2 .contact-button {
    margin-right: 20px;
}
.narrow-container {
    padding: 0 20px;
    text-align: center;
}
.sec-med-title{
    font-size: 20px;
}
.sec-fancy-title {
    font-size: 20px;
    margin-bottom: 40px;
}
.sec-bold-title {
    font-size: 50px;
    line-height: 0.9;
    font-family: 'SF Compact Display';
    padding: 0 0 40px 0;
}

.rtl .sec-bold-title {
    font-family:'almoni-dl';
}

.motion-content .contact-line .contact-text {
    text-align: start;
}

.motion-content .section {
    padding: 40px 0;
}

#yellow-section .narrow-container{
    text-align: start;
}

.hmenumob {
    z-index: 600;
}

 .hmenumobdiv ul li {
    padding-bottom: 16px;
 }

 .hmobmenubot ul {
    display: block;
    margin: 0px;
    padding: 0 13px 23px 13px;
    border-bottom: 0.5px solid #000000;
}

.hmobmenubot ul li {
    display: block;
    padding: 0px;
    margin: 0 0 7px 0;
}

	
}/* end max-width 820px*/


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

    .artoptext {
        max-width: 100%;
    }
    #mobile-head .artoptext h1 {
        font-family: 'SF Compact Display';
        font-size: 37px;
    }

   .artoptext h1.split span {
    display:  inline-block;
   }

   .article_content .portfolio_wrap, .portfolio_banner .portfolio_wrap {
        max-width: 100%;
   }

   .rtl .motion-content .artoptext h1 {
    margin-bottom: 0;
    padding: 30px 0;

   }

}/*end max-width 736px*/

@media only screen and (max-width: 460px) {
    #header-2 .logo {
        width: 95px;
    }
	#header-2 .contact-button {
        width: 80px;
        margin-right: 10px;
    }

    #header-2 .contact-button a {
        font-size: 11px;
        padding: 8px;
    }

    .motion-content .artoptext h1 {
        font-size: 37px;
        margin-bottom: 25px;
    }
     .motion-content .portfolio_banner {
        padding: 70px 0 0 0;
   }

    .motion-content .post_featureimg {
    bottom: -70px;
    margin-top: -70px;
}

.motion-content #sec-1 {
    padding-top: 130px;
}

.sec-fancy-title span {
    width: 165px;
    font-size: 14px;
}
.motion-image-grid .flex-item {
    width: 48%;
}

.motion-image-grid .animation-box {
    aspect-ratio: 1 / 1;
    height: auto;
}

#sec-1 .flex-item:last-child {
    display: none;
}

.motion-content .contact-line.flex{
    display: block;
}

.motion-content .contact-line .contact-text {
    width: 100%;
    margin-bottom: 20px;
}
.motion-content .contact-line .contact-link {
	width: 100%;
}

.motion-image-grid .flex-item.col-size-3 {
    width: 100%;
}
#item-21 .animation-box {
    aspect-ratio: inherit;
} 

#item-21 {
    order:1;
}

#item-22 {
    order:2;
}

#item-24 {
    margin-top:0;
    order:3;
}

#item-23 {
    order: 4;
    width: 100%;
}

#item-23 .animation-box {
    aspect-ratio: inherit;
} 
#item-31 {
    order:2

}
#item-32 {
    order:1;
    width: 100%;
    margin-bottom: 20px;
}
#item-33, #item-34, #item-35, #item-36 {
    order:3;
}

#item-32 .animation-box {
    aspect-ratio: inherit;
 
}

#item-41 {
    width: 100%;
}

#item-41 .animation-box {
    height: auto;
}

#item-43 {
    position: static;

}
#item-44 {
    width: 100%;
}

#item-45 {
    display: none;
}

#item-44 .animation-box {
    height: auto;
    aspect-ratio: inherit;
}

#yellow-section .inner.flex {
    display:  block;
    padding: 70px 40px;
}

#yellow-section .left-panel {
    font-size: 48px;
    width: 100%;
    padding-right: 0;
    padding-bottom: 30px;
}

.rtl #yellow-section .left-panel {
    padding-left: 0;
}

.rtl #yellow-section .left-panel p:nth-child(3):before {
    content: "";
    display:  block;
}

#yellow-section .right-panel {
    width: 100%;
    padding-left: 0;
}

.rtl #yellow-section .right-panel {
    padding-right: 0;
}

#yellow-section .left-panel p {
    display:  inline;
}

.plan-details {
    margin: 0 -20px;
}

.plan-details .stamp {
    width: 86px;
    height: 86px;
    right: 2px;
    bottom: 120px;

}

.motion-content .contact-link a {
    width: 100%;
}

.rtl .sec-med-title span {
    display: block;
    
}

}/*end max-width 440px*/


@media only screen and (max-width: 395px) {
	
    .motion-content .artoptext h1 {
        font-size: 35px;
    }

}/* end max-width 390px*/