@media ( max-width: 991px) and ( min-width: 768px){.slide .slideopacity .info .hello p{font-size: 16px}}
@media ( max-width: 767px) {
    .navbar-nav{text-align: center;width: 180px;margin: auto;background: #441E16;border: 1px solid #eee; border-radius: 10px;margin-top: 100px}
    .nav li{padding-top: 15px;}
    .nav li:last-of-type{padding-bottom: 20px}
}
@media ( max-width: 605px){
    .slide .slideopacity .info .hello{display: block}
    .slide .social{float: none;} 
    .slide .social ul{display:-webkit-inline-box;margin-top:35px;padding: 0}
    .slide .social ul li{padding-right: 20px}
    .slide .slideopacity .info .hello button{margin-left: 0}
}
@media ( max-width: 730px){.contact .social ul li{padding: 0 35px}}
@media ( max-width: 530px){.contact .social ul li{padding: 0 20px; font-size: 30px;}}
@media ( max-width: 388px){
    .hidenav .componant p{font-size: 15px;}
    .slide .slideopacity .info{margin-top: 180px}
    .contact .social ul li{padding: 0 15px;font-size: 20px}
    .skills p,.skills span{font-size: 20px;padding-bottom: 0}
}
@media ( max-width: 320px){
    .contact .social ul{margin-left: 15px}
    .skills p,.skills span{font-size: 15px}
}
@media ( max-width: 278px){.hidenav .componant p{font-size: 10px;} .hidenav .componant img{width: 49px}}
@media ( max-width: 299px){
    .contact .social ul li{font-size: 30px;display: inherit;padding-top: 25px;padding-left: 35px;}
}
@media ( max-width: 258px){
    .slide .slideopacity .info .hello h1{font-size: 50px}
    .slide .slideopacity .info .hello p{margin-bottom: 15px;margin-top: 10px;font-size: 12px}
    .slide .slideopacity .info .hello button{font-size: 15px}
    .slide .social ul li{font-size: 20px}
    .portfolio .portshadow h2,.skills h2{font-size: 40px}
}
@media ( max-width: 245px){.skills p,.skills span{font-size: 12px} .contact .contactshad .container >p{font-size: 17px}}