@media (max-width:1400px){
}
@media (max-width:1300px){
.left-section h3{font-size: 38px;}
.left-section h3:after{right: 354px;}
.left-section h3:before{left: 0;bottom: 120px;}
}
@media (max-width:1200px){
.container{width:100%;padding:0 15px;}
.burger-button{right:20px;}
.left-section h3:after{right: 310px;}
.flipbook{width:100% !important;}
.leftcontactsection .imgB{width:40%;}
.leftcontactsection .textsection{width:60%;}
.project-section .innerproject .left-projectSection{width: 72%;margin-left: -6%;height: auto;padding:1.8% 9.2% 5.5% 9.6%;}
.project-section .innerproject .left-projectSection .project-slide-section ul li img{width:100%;}
}
@media (max-width:1150px){
/*.project-section .innerproject .left-projectSection{width: 72%;background-size: cover;padding: 33px 7% 0px 9%;}*/
}
@media (max-width:1130px){
.left-section h3:after{right: 190px;}
.project-section .innerproject .left-projectSection{width: 72%;/*height: 448px;*/}
}
@media (max-width:1100px){
.project-section .innerproject .right-projectSection{width:32%;}
.resume-section .leftresumesection{width: auto;float: left;margin: 20px auto;position: relative;left: 30%;}
.resume-section .rightresumesection{width:100%;}
.project-section .innerproject .left-projectSection{width: 72%;}
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-next,
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-prev{top:170px;}
}
@media (max-width:1080px){
.project-section .innerproject .left-projectSection{/*height: 448px;*/}
}
@media (max-width:1050px){
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-next,
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-prev{top:177px;}
}
@media (max-width:1024px){
.left-section h3:after{right: 150px;}
}
@media (max-width:991px){
.left-section h3:after{right: 100px;bottom: 10px;}
.left-section h3{font-size: 34px;line-height:50px;}
.left-section h3:before{bottom:100px;}
.rightconatctsection h2{font-size:30px;}
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-next,
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-prev{top:185px;}
}
@media (max-width:900px){
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-next,
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-prev{top:200px;}
}
@media (max-width:850px){
.left-section h3:after{right:0px;}
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-next,
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-prev{top:210px;}
}
@media (max-width:767px){
.burger-button{right: 35px;}
header .navigation{position: absolute;float: right;width: 200px;right:30px;padding: 0;top:90px;background:#333;}
header .navigation.actvApndMenu{padding-right:0;}
header .navigation ul{width: 100%;float: left;display: block;}
header .navigation ul li{width: 100%;display:block;}
header .navigation ul li a{display:block;height: auto;line-height: 40px;border-bottom: 1px solid #000;}
header .navigation ul li:last-child a{border-bottom:0px;}
header .navigation ul li:hover a{padding-left: 20px;}
header .navigation ul li:hover a:after{display:none;}
.left-section h3:after,.left-section h3:before{display:none;}
.project-section .innerproject .right-projectSection{width:100%;}
.project-section .innerproject .left-projectSection{width:100%;margin-left: 0;padding:2.8% 12.2% 6.5% 13.6%}
.project-section .innerproject .right-projectSection .slideno{top: 85%;}
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-direction-nav{top: 65%;}
.skillsection .uppersection .skillcounter{text-align: center;margin:20px auto;;float: none;width: 100%;}
.skillsection .uppersection .skillcounter h2,.skillcounter svg{float: none;}
.skillsection .uppersection .skillcounter.hppyclient{float:none;}
.skillsection .uppersection .skillcounter.hppyclient h2{margin-right:0px;}
.skillsection .uppersection .skillcounter.hppyclient svg{position:relative;margin-left: 20px;}
.resume-section .rightresumesection{display:none;}
.leftcontactsection{width:100%;}
.rightconatctsection{width:100%;padding: 30px 0 0 0;}
.leftcontactsection .imgB{width: auto;margin: 10px auto;text-align: center;display: block;float: none;}
.leftcontactsection .textsection{width: 100%;padding-left: 0;}
.leftcontactsection .imgB a:hover .owborder{display:none;}
.project-section .innerproject{padding-top: 0px;}
.project-section h2{margin-bottom:0;}
.project-section .innerproject .right-projectSection .slideno{top: 90%;}
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-next,
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-prev {top: 185px;}
}
@media (max-width:620px){
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-next,
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-prev {top: 175px;}
}
@media (max-width:480px){
.left-section h3{font-size: 25px;line-height: 30px;}
.left-section div#text{margin: 30px auto 0 auto;}
.project-section h2,.resume-section h2,.progress-skill h2{font-size:50px;letter-spacing:0px;}
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-direction-nav{top: 70%;}
.project-section .innerproject .right-projectSection .slideno{top: 89%;}
.resume-section .leftresumesection{left:0;}
.project-section{z-index: 999;}
header .navigation{z-index: 9;}
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-next,
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-prev {top: 130px;}
.skillsection .uppersection{padding: 20px 10px;}
}
@media (max-width:400px){
.left-section h2,.project-section h2,.resume-section h2,.progress-skill h2{font-size:40px;}
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-direction-nav{top: 72%;}
.skillsection .uppersection .skillcounter h2{font-size:25px;}
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-next,
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-prev {top: 120px;}
.project-section .innerproject .right-projectSection .right-projectdtl-section ul li h2{font-size: 25px;}
}
@media (max-width:370px){
header .logo img{width: 160px;}
.burger-button{top: 40px;}
header .navigation{top: 70px;}
header.sticky .logo a img{width: 130px;}
.skillcounter svg{margin-top:20px;}
.rightconatctsection h2{font-size: 27px;}
.skillsection .uppersection .skillcounter h2{font-size: 23px;}
}