@media (max-width:575px) {
    /* xs */
    .col-xs-1{width: 8.3333%;}
    .col-xs-2{width: 16.6666%;}
    .col-xs-3{width: 25%;}
    .col-xs-4{width: 33.3333%;}
    .col-xs-5{width: 41.6666%;}
    .col-xs-6{width: 50%;}
    .col-xs-7{width: 58.3333%;}
    .col-xs-8{width: 66.6666%;}
    .col-xs-9{width: 75%;}
    .col-xs-10{width: 83.3333%;}
    .col-xs-11{width: 91.6666%;}
    .col-xs-12{width: 100%;}
    .container{
        max-width: 100%;
    }
    .text-1{
        text-align: center;
      }
    .about .about-heading h2{
        font-size: 43px;
       }
    .about .about-heading p{
        font-size: 17px;
       }
       .qualification .qualification-heading h2{
        font-size:40px;
      }
       .qualification .qualification-heading p{
        font-size: 16px;
      }
      .portfolio .qualification-heading h2{
        font-size:38px;
      }
      .portfolio .qualification-heading p{
        font-size:17px;
      }
      .contact .qualification-heading h2{
        font-size:39px;
      }
      .contact .qualification-heading p{
        font-size:17px;
      }
      .skill .qualification-heading h2{
        font-size: 39px;
      }
      .skill .qualification-heading p{
        font-size: 17px;
      }
      .banner .cd-headline b{
        font-size: 20px;
      }
      .f-2 p{
        font-size: 14px;
        margin-left: -290px;
      }
      header .header-icon{
        margin-left: -100px;
      }
}
@media (min-width:576px) and (max-width:767px) {
    /* sm  */
    .col-sm-1{width: 8.3333%;}
    .col-sm-2{width: 16.6666%;}
    .col-sm-3{width: 25%;}
    .col-sm-4{width: 33.3333%;}
    .col-sm-5{width: 41.6666%;}
    .col-sm-6{width: 50%;}
    .col-sm-7{width: 58.3333%;}
    .col-sm-8{width: 66.6666%;}
    .col-sm-9{width: 75%;}
    .col-sm-10{width: 83.3333%;}
    .col-sm-11{width: 91.6666%;}
    .col-sm-12{width: 100%;}
    .container{
        max-width: 540px;
    }
    .about .about-heading h2{
        font-size: 60px;
       }
    .about .about-heading p{
        font-size: 25px;
       }
       .qualification .qualification-heading h2{
        font-size: 60px;
      }
       .qualification .qualification-heading p{
        font-size: 28px;
      }
      .portfolio .qualification-heading h2{
        font-size:60px;
      }
      .portfolio .qualification-heading p{
        font-size:29px;
      }
      .contact .qualification-heading h2{
        font-size: 60px;
      }
      .contact .qualification-heading p{
        font-size: 29px;
      }
      .skill .qualification-heading h2{
        font-size: 95px;
      }
      .skill .qualification-heading p{
        font-size: 29px;
      }
      .text-1{
        text-align: center;
      }
      .banner .cd-headline b{
        font-size: 30px;
      }
      .f-2 p{
        font-size: 18px;
        margin-left: -220px;
      }
      header .header-icon{
        margin-left: 100px;
      }
}
@media (min-width:768px) and (max-width:991px) {
    /* md  */
    .col-md-1{width: 8.3333%;}
    .col-md-2{width: 16.6666%;}
    .col-md-3{width: 25%;}
    .col-md-4{width: 33.3333%;}
    .col-md-5{width: 41.6666%;}
    .col-md-6{width: 50%;}
    .col-md-7{width: 58.3333%;}
    .col-md-8{width: 66.6666%;}
    .col-md-9{width: 75%;}
    .col-md-10{width: 83.3333%;}
    .col-md-11{width: 91.6666%;}
    .col-md-12{width: 100%;}
    .container{
        max-width: 720px;
    }
    .about .about-heading h2{
        font-size: 95px;
       }
      .qualification .qualification-heading h2{
        font-size: 95px;
      }
      .portfolio .qualification-heading h2{
        font-size: 95px;
      }
      .contact .qualification-heading h2{
        font-size: 95px;
      }
      .skill .qualification-heading h2{
        font-size: 95px;
      }
      .banner .cd-headline b{
        font-size: 40px;
      }
      .f-1 p{
        text-align: center;
      }
      .f-2,.f-3{
        text-align: center;
      }
}
@media (min-width:992px) and (max-width:1199px) {
    /* lg  */
    .col-lg-1{width: 8.3333%;}
    .col-lg-2{width: 16.6666%;}
    .col-lg-3{width: 25%;}
    .col-lg-4{width: 33.3333%;}
    .col-lg-5{width: 41.6666%;}
    .col-lg-6{width: 50%;}
    .col-lg-7{width: 58.3333%;}
    .col-lg-8{width: 66.6666%;}
    .col-lg-9{width: 75%;}
    .col-lg-10{width: 83.3333%;}
    .col-lg-11{width: 91.6666%;}
    .col-lg-12{width: 100%;}
    .container{
        max-width: 960px;
    }
    .banner .cd-headline b{
        font-size: 40px;
      }
}
@media (min-width:1200px) {
    /* lg  */
    .col-xl-1{width: 8.3333%;}
    .col-xl-2{width: 16.6666%;}
    .col-xl-3{width: 25%;}
    .col-xl-4{width: 33.3333%;}
    .col-xl-5{width: 41.6666%;}
    .col-xl-6{width: 50%;}
    .col-xl-7{width: 58.3333%;}
    .col-xl-8{width: 66.6666%;}
    .col-xl-9{width: 75%;}
    .col-xl-10{width: 83.3333%;}
    .col-xl-11{width: 91.6666%;}
    .col-xl-12{width: 100%;}
    
}

@media (max-width:991px) {
   aside{
     display: none;
   }
   .a-1{
    text-align: center;
   }
   .padding-left{
    padding-left: 0;
   }
   header{
    display: block;
    padding:8px 0px;
   }
   header nav ul{
    flex-direction: column;
    position: absolute;
    width: 100%;
     left: 0;
     top: -580%;
    transition: all 0.5s;
    background-color:rgba(0,0,0,.95);
    z-index:-1;
}
header nav ul li{
  border-bottom: 1px solid hsla(0,0%,98%,.15);
}
header nav ul li:last-child{
  border: none;
}
header nav ul li a{
  display: inline-block;
  padding:14px 15px;
  font-size: 18px;
  font-weight: normal;
 
}

.show nav ul{
   top:69px;
}

}