@media only screen and (max-width:1599px){.homecolor-box{height:152%}.blog-content{padding:0 65px}}@media only screen and (max-width:1429px){.homecolor-box{height:152%}}@media only screen and (max-width:1366px){.homecolor-box{height:150%}.about-content .personal-infotitle{font-size:26px}.about-you{font-size:15px}.about-content .fixed-block .social-icons a{font-size:25px}.about-subtitle{font-size:26px}.services-box .service-item i{font-size:40px}}@media only screen and (max-width:1199px){.homecolor-box{height:147%}}@media only screen and (max-width:1024px){.homecolor-box{height:139%}.navigation ul li a .icon{font-size:28px}.fixed-block .social-icons{padding-top:0}.fixed-block .social-icons a{font-size:28px}.clickbtn{padding:7px 12px;font-size:16px}.about-content .social-icons{font-size:28px}.home-btn{padding:0}.home-content{padding:0}h1.common-title{font-size:40px}.portfolio-menu ul li{font-size:16px;padding:7px 12px}.single-portfolio-item{margin-bottom:25px}.contact-section .social-icons::before{margin-right:0;width:55px}.blog-content{padding:0 0}}@media only screen and (max-width:991px){.homecolor-box{height:138%}.section-title{padding:15px 0 15px 0}.home-content{padding-top:10px}section{padding:50px}section.active{width:calc(100% - 50px)}.header-holder{padding:60px 0}.navigation{width:60px}.navigation ul li a .icon{font-size:26px}li.active::before{left:42%}li.active::after{right:24%}.clickbtn{padding:7px 12px}.about-content .social-icons{font-size:26px}.fixed-block .social-icons a{font-size:26px}.contact-section .contact-info .list-info .info-icon{font-size:26px}.contact-section .contact-info{padding-left:0}.blog-content .blog-body .title{font-size:26px}}@media only screen and (max-width:769px){.homecolor-box{height:125%}.common_bg{padding:15px}body p{font-size:14px}h1.common-title{font-size:40px}.animated-text h3{font-size:25px}.about-content .social-icons::before{display:none}.about-content .fixed-block .social-icons a{font-size:22px}.resume-section .resume-item .item-title{margin-bottom:12px}.blog-section .single-post{margin-bottom:30px;padding:10px}.contact-section .content-title{margin-bottom:7px}.about-content .personal-infotitle{margin-top:0}.contact-section .contact-info .list-info .info-details{padding:12px 0 12px 0}.blog-content .blog-header span i{font-size:13px;margin-right:3px}.blog-content .blog-header span{font-size:13px}.blog-content .blog-header{margin-bottom:0}.mix{margin:0 0 15px}.about-content .About-btn{padding-bottom:5px}.resume-section .resume-item:last-child{margin-bottom:0}}@media only screen and (max-width:576px){.common_bg{padding:5px}.header-holder{padding:0;bottom:0;height:70px;width:100%}.navigation{position:relative;width:100%;border-radius:10px 10px 0 0;display:flex;justify-content:center;align-items:center}.navigation ul{display:flex;flex-direction:row;width:85%;flex-wrap:nowrap;align-items:center;justify-content:center}.navigation ul li{list-style:none;margin:auto}.navigation ul li a .icon{position:relative;display:block;line-height:75px;font-size:24px;text-align:center;transition:.5s;color:#888}.about-content .about-you li:not(:last-child){padding-bottom:10px}.about-you{margin-bottom:10px}li.active{position:absolute;width:70px;height:70px;background-color:#212121;bottom:35px;border-radius:50%;border:6px solid #111;transition:.5s;left:0;right:0}li.active::before{content:'';position:absolute;width:20px;height:20px;top:50%;left:-22px;background-color:transparent;border-top-right-radius:20px;box-shadow:1px -10px 0 0 #111}li.active::after{content:'';position:absolute;top:50%;right:-22px;width:20px;height:20px;background-color:transparent;border-top-left-radius:20px;box-shadow:-1px -10px 0 0 #111}.homecolor-box{left:-141%;top:-50%;width:200%}section{padding:15px 15px 45px 15px}section.active{height:calc(100% - 64px);width:100%}.common-desctiption{padding-top:0;margin-bottom:0}h1.common-title{margin-bottom:5px;font-size:30px}.about-content .social-icons{font-size:22px}.about-subtitle{font-size:26px;margin-bottom:15px;margin-top:15px}.skill-bars{padding:20px 20px;margin-bottom:15px}.skill-bars .bar .progress-line{height:3px}.resume-section .resume-item{margin-bottom:15px;padding:20px 20px}.services-box .service-item{margin-bottom:25px;padding:5px 10px}.funfacts-section .fun-text{font-size:16px}.portfolio-menu ul li{margin:0 4px 10px}.fixed-block .social-icons a{font-size:22px}.contact-section .social-icons::before{width:40px}.blog-header .date{display:none}.blog-content .blog-header span{margin-right:0}.blog-content .blog-body .title{font-size:24px}.list:hover .social__tooltip{opacity:0}.resume-item p{margin-bottom:0}.item-arrow{display:none}}@media only screen and (max-width:482px){.navigation{width:100%}.homecolor-box{left:-145%;top:-57%;width:207%}.about-content .fixed-block .social-icons a{font-size:22px}.about-content .fixed-block .social-icons a{margin-right:7px;margin-left:7px}.blog-section .single-post{margin-bottom:20px}.blog-content .blog-header{display:none}.blog-content .date{font-size:12px}.services-section .service-text{margin-bottom:15px}}@media only screen and (max-width:352px){.header-holder{height:60px}.navigation{width:100%}.navigation ul li a .icon{font-size:20px}li.active{width:60px;height:60px}li.active{left:5px}li.active::before{top:45.5%}li.active::after{top:45.5%}.homecolor-box{left:-231%;top:-91%;width:383%}section{padding:10px 10px 25px 10px}section.active{height:calc(100% - 70px)}.clickbtn{font-size:14px;padding:5px}.about-content .fixed-block .social-icons a{font-size:20px}.about-content .fixed-block .social-icons a{margin-right:5px;margin-left:5px}.about-content .personal-title{font-size:18px}.about-you{font-size:14px;padding-left:0}.about-content .personal-infotitle{font-size:18px}.about-subtitle{font-size:18px;margin-bottom:20px}.resume-section .resume-item .item-title{font-size:18px}.resume-section .resume-item .item-details{font-size:15px}.skill-bars .bar .info span{font-size:15px}.services-box .service-item{padding:10px 10px;margin-bottom:10px}.resume-section .resume-item{padding:20px 30px;margin-bottom:10px}.funfacts-section .fun-text{font-size:16px}.progress-line span::after{padding:0 5px;font-size:10px;top:-23px}.funfacts-section .funfacts-box{margin-bottom:10px}.about-content .social-icons{padding-top:5px}.about-content .about-you li:not(:last-child){padding-bottom:15px}.single-post:hover .post-content .content-title h5>a{font-size:18px}.contact-section .social-icons::before{margin-right:0;width:35px}.blog-section .single-post{margin-bottom:20px}.blog-content .date{font-size:12px}.blog-content .blog-body .title{font-size:20px}.resume-section .resume-item{padding:10px 10px}.skill-bars{padding:10px 10px}}@media only screen and (max-width:321px){.header-holder{height:60px}.navigation{width:100%}.navigation ul li{width:50px;height:50px}.navigation ul li a{height:50px}.navigation ul li a .icon{font-size:20px}li.active{width:60px;height:60px}li.active{left:0}li.active::before{top:50.5%}li.active::after{top:50.5%}.homecolor-box{left:-283%;top:-85%;width:323%;height:148%}section{padding:20px}section.active{height:calc(100% - 75px)}h1.common-title{font-size:28px}.animated-text h3{font-size:22px}.animated-text{height:34px}.clickbtn{padding:6px;font-size:12px}.about-content .social-icons{font-size:20px}.common-desctiption{margin-bottom:10px}.fixed-block .social-icons a{font-size:22px}.about-content .About-btn{margin-top:10px}.fixed-block .social-icons a{font-size:20px}.portfolio-menu button{margin-bottom:15px}.animated-text{position:relative;height:40px;overflow:hidden;text-align:center;margin:10px 0}}