.about-me-with-skill .two-col-about{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:0}.left-image{flex-basis:31.3%;margin-right:2.5%}.right-side-deta{flex-basis:66.2%}.name-desig{margin:26px 0 32px}.right-side-deta h4,.right-side-deta h6{margin:0 0 6px}.about-me-with-skill .social-icons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:15px 0 0}.about-me-with-skill .social-icons .icon{background-color:var(--tertiary_color);border-radius:100%;height:30px;margin-right:15px;padding:6px 7px;transition:all .3s ease-in-out;width:30px}.about-me-with-skill .social-icons svg{height:17px;width:17px;fill:var(--white_color)}.about-me-with-skill .social-icons .icon:last-child{margin-right:0}.about-me-with-skill .social-icons .icon:hover{border-radius:0}.about-me-with-skill .about-description{margin:30px 0 0;max-width:950px}@media(min-width:768px) and (max-width:1024px){.about-me-with-skill .name-desig{margin:20px 0}}@media(max-width:767px){.about-me-with-skill .two-col-about{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.about-me-with-skill .left-image{flex-basis:100%;margin:0 0 30px;width:100%}.about-me-with-skill .right-side-deta{flex-basis:100%}.about-me-with-skill .social-icons{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:20px 0 0}.about-me-with-skill .name-desig{margin:20px 0}.about-me-with-skill .about-description{margin:30px 0 0;max-width:100%;text-align:center}}.about-column .two-col-about{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.about-column .left-image{flex-basis:40%;margin-right:3%}.about-column .left-image img{height:413px;max-width:468px;object-fit:cover;width:100%}.about-column .right-side-deta{flex-basis:57%}.about-column .right-side-deta .heading{margin:30px 0 0}.about-column .name-desig{margin:46px 0 16px}.about-column .social-icons{margin:30px 0 0}.about-column .right-side-deta h6{margin:0 0 8px}@media(max-width:767px){.about-column .left-image{flex-basis:100%;margin:0;width:100%}.about-column .right-side-deta{flex-basis:100%}}