@media (max-width:1024px) and (min-width:981px){section.portfolio-sec .portfolio-img{height:500px}section.portfolio-sec h4{font-size:var(--f30)}section.portfolio-sec .portfolio-img img{bottom:-355px}section.portfolio-sec .portfolio-cont:before{left:-136px}}@media (max-width:980px){section.portfolio-sec .portfolio{width:50%}section.portfolio-sec h4{font-size:var(--f28)}section.portfolio-sec .portfolio-img img{bottom:-405px}}@media (max-width:540px){section.portfolio-sec .portfolio{width:100%;padding:0}section.portfolio-sec h4{font-size:var(--f24)}section.portfolio-sec .portfolio-cont{padding:20px;min-height:200px}section.portfolio-sec .portfolio-cont:before{width:450px}section.portfolio-sec .portfolio-img{height:450px}section.portfolio-sec .portfolio-img img{bottom:-585px}}@media (max-width:384px){section.portfolio-sec .portfolio-cont:before{width:420px}section.portfolio-sec .portfolio-cont{max-width:300px}section.portfolio-sec .portfolio-img{height:430px}section.portfolio-sec .portfolio-img img{bottom:-518px}}@media (max-width:375px){section.portfolio-sec .portfolio-img img{bottom:-490px}section.portfolio-sec .portfolio-cont:before{width:410px}}@media (max-width:360px){section.portfolio-sec h4{font-size:var(--f20)}section.portfolio-sec .portfolio-cont:before{width:390px}section.portfolio-sec .portfolio-cont{max-width:265px}section.portfolio-sec .portfolio-img{height:400px}section.portfolio-sec .portfolio-img img{bottom:-475px}}@media (max-width:320px){section.portfolio-sec .portfolio-img img{bottom:-356px}section.portfolio-sec .portfolio-cont:before{width:350px}}