@media handheld, only screen and (max-width: 992px) {
     #check{
         display: none;
    }
     .checkbtn{
         display: block;
         float: right;
         font-size: 26px;
         margin-top: 15px;
         background: #f7921e;
         padding: 7px 22px;
         color: #fff;
         border-radius: 8px;
    }
     .header-sec{
         padding-top: 0px;
    }
     .banner-sec{
         height: auto;
    }
     .mobile-version{
         display: block;
    }
     .desktop-version{
         display: none;
    }
     .name-details {
         padding-left: 0px;
         margin-top: 0%;
    }
     .name-details h1{
         font-size: 62px;
    }
     .name-details small{
         margin-bottom: 7%;
    }
     .my-work{
         margin-top: 0px;
         margin-bottom: 15px;
    }
     .name-details span{
         margin-top: 20px;
         margin-bottom: 9px;
    }
     .social-media {
         margin-bottom: 60px;
         display: block;
    }
     .navigation {
         float: none;
         margin-bottom: 0px;
         margin-top: 0px;
         position: fixed;
         background: #104675ed;
         left: -100%;
         top: 10px;
         height: 100vh;
         z-index: 99999;
         width: 100%;
         padding-top: 38px;
         -webkit-transition: all 0.4s ease;
         -moz-transition: all 0.4s ease;
         transition: all 0.4s ease;
    }
     .navigation li {
         list-style: none;
         display: list-item;
         margin-left: 57px;
         font-size: 15px;
         font-weight: 500;
         margin-bottom: 24px;
    }
     .let-talk {
         background: #135bfb;
         color: #fff;
         width: auto;
         display: block;
         text-align: center;
         height: auto;
         border-radius: 6px;
         line-height: 39px;
         float: right;
         margin-top: 0px;
         margin-left: 0px;
         padding: 12px;
    }
     .main-degree{
         height: auto;
         width: 100%;
         padding: 41px;
         border-radius: 24px;
         margin-top: 31px;
    }
     .second-epreence-box{
         margin-bottom: 36px;
    }
     .navigation li a {
         color: #fff;
         font-size: 17px;
    }
     .chart-icon {
         display: block !important;
         font-size: 20px;
    }
     .let-talk span, .let-talk .fa-arrow-right{
         display: none;
    }
     .showcase-projects h1 {
         color: #0f4aaf;
         font-family: myFirstFont;
         margin-top: 67px;
         margin-bottom: 44px;
         text-align: center;
         padding: 0px 0%;
         line-height: 49px;
    }
     .tab button{
         margin: 0px 6px 19px;
    }
     .testimonials-box{
         margin-top: 27px;
    }
     .accordion{
         margin-bottom: 41px;
    }
     .accordion .accordion-item{
         margin-right: 0px;
    }
     .contact-form h1 {
         font-weight: 800;
         font-size: 44px;
         margin-bottom: 32px;
    }
     .hire-me-section{
         height: auto;
    }
     .achivment-bg{
         display: none;
    }
     .achiv-box{
         margin-top: 0px;
    }
     .project-box{
         margin-bottom: 35px;
    }
     #check:checked ~ ul{
         left: 0%;
         -webkit-transition: all 0.4s ease;
         -moz-transition: all 0.4s ease;
         transition: all 0.4s ease;
    }
     .cancel-btn{
         display: block;
         position: absolute;
         color: #fff;
         top: 11px;
         right: 26px;
         font-size: 46px;
    }
     .footer-panel img {
         text-align: center;
         margin: 0px auto;
         display: block;
    }
     .footer-panel span {
         text-align: center;
         display: block;
         margin-top: 6%;
         text-transform: uppercase;
         letter-spacing: 2px;
    }
     .banner-sec img, .sign-up img{
         width: 100%;
    }
     .sign-up input[type="email"] {
         width: 100%;
         padding: 22px 22px;
         border: none;
         margin-bottom: 11px;
    }
     .sign-up button {
         background: #ff4f69;
         text-transform: uppercase;
         color: #fff;
         width: 100%;
         height: 43px;
         border: none;
    }
     footer input[type="email"] {
         width: 54%;
         padding: 11px;
         border: none;
         outline: none;
    }
     .mobile-banner{
         display: block;
    }
     .desktop-banner{
         display: none;
    }
     .banner-recent-blog h1 {
         font-size: 48px;
         font-weight: 600;
         margin-bottom: 30px;
    }
     .blog-thumb {
         margin-top: 0px;
             margin-bottom: 36px;
    height: auto;
    }
     .sidebar_item input[type="email"]{
         width: 100%;
         padding: 20px 11px;
         margin-bottom: 13px;
    }
     .sidebar_item button{
         width: 100%;
    }
     .box{
         height: 277px;
         margin-bottom: 41px;
    }
     .box i{
         width: 70px;
         height: 70px;
         font-size: 26px;
    }
     .select2-selection--single{
         margin-bottom: 26px;
    }
}