@media screen and (max-width: 1800px) { .container{max-width:1400px;width:100%;} } @media screen and (max-width: 1480px) { .container{max-width:97%;width:100%;} #mFull .container{grid-template-rows:70px 1fr 50px;} #mFull .flags img{height: 35px;} #mFull .closebtn{font-size: 35px;} #mFull .container .content .topMenu{padding: 15px 0;} #mFull .container .content .topMenu .phone img{height: 20px;margin-right: 7px;padding-right: 7px;} #mFull .container .content .topMenu .phone .text h1{font-size: 16px;} #mFull .container .content .topMenu .phone .text p{font-size: 14px;} #mFull .container .content .topMenu .socials .social p{font-size: 14px;} #mFull .container .content .topMenu .socials .social .icons{margin-left: 7px;padding-left: 7px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left: 3px;} #mFull .container .content .topMenu .socials .social .icons a img{height: 18px;} #mFull .container .content .topMenu .socials .single p{font-size: 14px;padding-right: 7px;margin-right: 7px;} #mFull .container .content .topMenu .socials .single img{height: 18px;} #mFull .container .content .mMenuM .leftMenu{max-width: 250px;} #mFull .container .content .mMenuM .leftMenu .links a{margin-top: 7px;font-size: 13px;} #mFull .container .content .mMenuM .leftMenu .links a h1{font-size: 14px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage{margin-left: 0;width: 324px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage img{height: 310px;margin-top: -40px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText{padding: 21px 0;margin-left: 20px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h2{font-size: 20px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h1{font-size: 30px;max-width: 440px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt p{max-width: 440px;font-size: 14px;padding: 10px 0 15px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a{margin-right: 10px;flex: 1 0 42%;padding: 7px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a.activeProCont{padding: 7px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a img{height: 30px;margin-right: 5px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a p{font-size: 13px;} #mFull .footerNav-social span{font-size: 10px;} .caption h1{font-size: 35px;} } @media screen and (max-width: 1380px) { .container{padding: 0 10px;max-width: 97%;} } @media screen and (max-width: 1200px) { .container{max-width: 97%;padding: 0 10px;} #mFull .container{grid-template-rows:60px 1fr 50px;max-width: 100%;padding: 0 10px;} #mFull .flags img{height: 30px;} #mFull .closebtn{font-size: 35px;} #mFull .container .content .topMenu{padding: 10px 0;} #mFull .container .content .topMenu .phone img{height: 15px;margin-right: 5px;padding-right: 5px;} #mFull .container .content .topMenu .phone .text h1{font-size: 15px;} #mFull .container .content .topMenu .phone .text p{font-size: 13px;} #mFull .container .content .topMenu .socials .social p{font-size: 13px;} #mFull .container .content .topMenu .socials .social .icons{margin-left: 5px;padding-left: 5px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left: 3px;} #mFull .container .content .topMenu .socials .social .icons a img{height: 15px;} #mFull .container .content .topMenu .socials .single p{font-size: 13px;padding-right: 5px;margin-right: 5px;} #mFull .container .content .topMenu .socials .single img{height: 15px;} #mFull .container .content .mMenuM .leftMenu{max-width: 250px;} #mFull .container .content .mMenuM .leftMenu .links a{margin-top: 5px;font-size: 12px;} #mFull .container .content .mMenuM .leftMenu .links a h1{font-size: 13px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage{margin-left: 0;width: 295px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage img{height: 275px;margin-top: -20px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText{padding: 21px 0;margin-left: 20px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h2{font-size: 15px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h1{font-size: 20px;max-width: 307px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt p{max-width: 375px;font-size: 13px;padding: 10px 0;line-height: 1.3;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a{margin-right: 10px;flex: 1 0 42%;padding: 7px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a.activeProCont{padding: 7px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a img{height: 24px;margin-right: 5px;width: 24px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a p{font-size: 12px;} #mFull .footerNav-social span{font-size: 10px;} .logoAtc{height: 30px;} } @media screen and (max-width: 1024px) { .container{max-width: 98%;padding: 0;} #mFull .container{grid-template-rows:60px 1fr 50px;padding: 0 15px;} #mFull .flags img{height: 26px;} #mFull .closebtn{font-size: 35px;} #mFull .container .content .topMenu{padding: 8px 0;} #mFull .container .content .mMenuM .rightMenu{flex-direction: column;margin-bottom: 10px;} #mFull .container .content .mMenuM .rightMenu .single.creamhome{flex-direction: column-reverse;} #mFull .container .content .mMenuM .rightMenu .single.creamhome .banner{border-bottom-right-radius: 0px;} #mFull .container .content .mMenuM .rightMenu .single.creamhome .proHome{border-bottom-right-radius: 7px;} #mFull .container .content .topMenu .phone img{height: 18px;margin-right: 5px;padding-right: 5px;} #mFull .container .content .topMenu .phone .text h1{font-size: 14px;} #mFull .container .content .topMenu .phone .text p{font-size: 12px;} #mFull .container .content .topMenu .socials .social p{font-size: 12px;} #mFull .container .content .topMenu .socials .social .icons{margin-left: 5px;padding-left: 5px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left: 3px;} #mFull .container .content .topMenu .socials .social .icons a img{height: 15px;} #mFull .container .content .topMenu .socials .single p{font-size: 12px;padding-right: 5px;margin-right: 5px;} #mFull .container .content .topMenu .socials .single img{height: 15px;} #mFull .container .content .mMenuM .leftMenu{max-width: 225px;} #mFull .container .content .mMenuM .leftMenu .links a{margin-top: 5px;font-size: 11px;} #mFull .container .content .mMenuM .leftMenu .links a h1{font-size: 12px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner:before{width: 120px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage{margin-left: 0;width: 200px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage img{height: 223px;margin-top: 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText{padding: 15px 0;margin-left: 15px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h2{font-size: 14px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h1{font-size: 17px;max-width: 240px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt p{max-width: 349px;font-size: 11px;padding: 10px 0;line-height: 1.3;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a{margin-right: 10px;flex: 1 0 42%;padding: 7px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a.activeProCont{padding: 7px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a img{height: 24px;margin-right: 5px;width: 24px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a p{font-size: 10px;} #mFull .footerNav-social span{font-size: 10px;} } @media screen and (max-width: 768px) { .container{max-width: 98%;padding: 0;} #mFull .container{grid-template-rows:60px 1fr 50px;padding: 0 ;max-width: 98%;} #mFull .flags img{height: 29px;} #mFull .closebtn{font-size: 35px;} #mFull .container .content .topMenu{padding: 8px 0;} #mFull .container .content .topMenu .phone img{height: 18px;margin-right: 5px;padding-right: 5px;} #mFull .container .content .topMenu .phone .text h1{font-size: 14px;} #mFull .container .content .topMenu .phone .text p{font-size: 12px;} #mFull .container .content .topMenu .socials .social p{font-size: 12px;} #mFull .container .content .topMenu .socials .social .icons{margin-left: 5px;padding-left: 5px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left: 3px;} #mFull .container .content .topMenu .socials .social .icons a img{height: 15px;} #mFull .container .content .topMenu .socials .single p{font-size: 12px;padding-right: 5px;margin-right: 5px;} #mFull .container .content .topMenu .socials .single img{height: 15px;} #mFull .container .content .mMenuM{display: flex;padding: 15px 0;flex-direction: column-reverse;} #mFull .container .content .mMenuM .leftMenu{max-width: unset;border-right: unset;padding: 0;} #mFull .container .content .mMenuM .leftMenu .links a{margin-top: 5px;font-size: 11px;} #mFull .container .content .mMenuM .leftMenu .links a h1{font-size: 12px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner:before{width: 120px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage{margin-left: 0;width: 200px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage img{height: 223px;margin-top: 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText{padding: 15px 0;margin-left: 15px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h2{font-size: 14px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h1{font-size: 17px;max-width: 240px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt p{max-width: 349px;font-size: 11px;padding: 10px 0;line-height: 1.3;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a{margin-right: 10px;flex: 1 0 42%;padding: 7px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a.activeProCont{padding: 7px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a img{height: 24px;margin-right: 5px;width: 24px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a p{font-size: 10px;} #mFull .footerNav-social span{font-size: 10px;} } @media screen and (max-width: 640px) { .container{max-width: 98%;padding: 0;} #mFull .container{grid-template-rows:60px 1fr 50px} #mFull .flags img{height: 32px;} #mFull .closebtn{font-size: 35px;} #mFull .container{padding: 0 4px;} #mFull .container .content .topMenu{padding: 8px 0;} #mFull .container .content .topMenu .phone img{height: 18px;margin-right: 5px;padding-right: 5px;} #mFull .container .content .topMenu .phone .text h1{font-size: 12px;} #mFull .container .content .topMenu .phone .text p{font-size: 12px;} #mFull .container .content .topMenu .socials .social{margin: 0 5px;} #mFull .container .content .topMenu .socials .social p{font-size: 11px;} #mFull .container .content .topMenu .socials .social .icons{margin-left: 5px;padding-left: 5px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left: 3px;} #mFull .container .content .topMenu .socials .social .icons a img{height: 15px;} #mFull .container .content .topMenu .socials .single p{font-size: 11px;padding-right: 5px;margin-right: 5px;} #mFull .container .content .topMenu .socials .single img{height: 15px;} #mFull .container .content .mMenuM{display: flex;flex-direction: column-reverse;padding: 15px 0;} #mFull .container .content .mMenuM .leftMenu{max-width: unset;border-right: unset;flex: unset;} #mFull .container .content .mMenuM .leftMenu .links a{margin-top: 5px;font-size: 11px;} #mFull .container .content .mMenuM .leftMenu .links a h1{font-size: 12px;} #mFull .container .content .mMenuM .rightMenu {border-bottom: 1px dashed rgb(157 157 157 / 23%);padding-bottom: 5px;margin-bottom: 5px;flex-direction: column;flex: unset;} #mFull .container .content .mMenuM .rightMenu .mobilBanner:before{width: 120px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage{margin-left: 0;width: 170px;flex: unset;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage img{height: 184px;margin-top: 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText{padding: 15px 0;margin-left: 15px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h2{font-size: 13px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h1{font-size: 15px;max-width: 240px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt p{max-width: 349px;font-size: 10px;padding: 4px 0;line-height: 1.3;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro{width: 100%;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a{margin-right: 10px;flex: 0 0 42%;padding: 7px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a.activeProCont{padding: 7px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a img{height: 24px;width: 24px;margin-right: 5px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a p{font-size: 9px;} #mFull .footerNav-social span{font-size: 10px;} } @media screen and (max-width: 480px) { .container{max-width: 98%;padding: 0;} #mFull .container{grid-template-rows:50px 1fr 70px;max-width: 100%;padding: 0 5px;} #mFull .flags img{height: 35px;width: 115px;object-fit: contain;} #mFull .closebtn{font-size: 30px;} #mFull .container .content .topMenu{padding: 10px 0;flex-direction: column;} #mFull .container .content .topMenu .phone img{height: 18px;margin-right: 5px;padding-right: 5px;} #mFull .container .content .topMenu .phone .text h1{font-size: 13px;} #mFull .container .content .topMenu .phone .text p{font-size: 11px;} #mFull .container .content .topMenu .socials .social{margin: 0 5px;padding: 7px 0 0;} #mFull .container .content .topMenu .socials .social p{font-size: 11px;} #mFull .container .content .topMenu .socials .social .icons{margin-left: 5px;padding-left: 5px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left: 3px;} #mFull .container .content .topMenu .socials .social .icons a img{height: 15px;} #mFull .container .content .topMenu .socials .single{margin: 0 5px;padding: 7px 0 0;} #mFull .container .content .topMenu .socials .single p{font-size: 11px;padding-right: 5px;margin-right: 5px;} #mFull .container .content .topMenu .socials .single img{height: 15px;} #mFull .container .content .mMenuM{display: flex;flex-direction: column-reverse;padding: 10px 0;} #mFull .container .content .mMenuM .leftMenu{max-width: unset;border-right: unset;flex: unset;} #mFull .container .content .mMenuM .leftMenu .links a{margin-top: 5px;font-size: 10px;} #mFull .container .content .mMenuM .leftMenu .links a h1{font-size: 11px;} #mFull .container .content .mMenuM .rightMenu {border-bottom: 1px dashed rgb(157 157 157 / 23%);padding-bottom: 5px;margin-bottom: 5px;flex-direction: column;flex: unset;} #mFull .container .content .mMenuM .rightMenu .mobilBanner{flex-direction: column;flex-wrap: nowrap;} #mFull .container .content .mMenuM .rightMenu .mobilBanner:before{width: 100%;height: 100px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage{margin-left: 0;width: 137px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage img{height: 140px;margin-top: 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText{padding: 6px;margin-left: 0;flex: unset;width: 100%;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h2{font-size: 13px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h1{font-size: 15px;max-width: 240px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt p{max-width: 349px;font-size: 10px;padding: 4px 0;line-height: 1.3;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a{margin-right: 10px;flex: 0 0 42%;padding: 7px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a.activeProCont{padding: 7px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a img{height: 24px;width: 24px;margin-right: 5px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt .pIconPro a p{font-size: 9px;} #mFull .footerNav-social span{font-size: 10px;} #mFull .footerNav{flex-direction: column;align-items: flex-start;padding: 5px 0;justify-content: flex-start;} #mFull .footerNav-inviva{width: 100%;justify-content: flex-end;} #mFull .footerNav-inviva img{height: 13px;} }