/*Media query Navbar End*/
@media (max-width: 991px){


    .header{
        padding: 1.5rem 2rem;
    }

    .header .navbar a{
        font-size: 16px;
    }

    section{
        padding: 2rem;
    }
}









@media (max-width : 768px){

    #menu-btn{
        display: inline-block;
    }

    .fa-times{
        transform: rotate(180deg);
    }

    .header .navbar{
        position: absolute;
        top: 99%;
        left: 0; right: 0;
        background: rgba(0, 0, 0, 0.66);
        border-top: .1rem solid var(--main-color);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }

    .header .navbar.active{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }

    .header .navbar a{
        display: block;
        margin: 2rem;
    }

}

/*****Media query particles-jshome admin Start ******/




@media (max-width: 966px){
    .iconskills {
        display: block;
    }
    
    .btn{
        font-size: 20px;
    }
}
/*Media query Professional Skills End*/
@media (max-width:450px){

    .contact .row form .inputBox input{
        width:100%;
    }
}

/*Media query sosyal Start*/
@media (max-width:350px){
    .sosyal .facebook, .twitter, .instagram, .whatsapp, .linkedin{
        width: 50px;
        height: 50px;
    }
    .sosyal .facebook, .twitter, .instagram, .whatsapp, .linkedin i{
        font-size: 27px;
    }
}
/*Media query sosyal End*/


/*Media query footer Start*/
@media (max-width:380px){
    .footer .link-footer .facebook2, .twitter2, .linkedin2, .instagram2, .gmail2, .github2{
        width: 40px;
        height: 40px;
    }
    .footer .link-footer .facebook2, .twitter2, .linkedin2 .instagram2, .gmail2, .github2 {
        font-size: 27px;
    }
}
/*Media query footer End*/

/*Media query  skills section starts */

@media (max-width: 1200px) {
    .category {
    padding: 3rem 2rem;
    }
}
/*Media query  skills section End*/