@media only screen and ( min-width:960px) and ( max-width:1100px ){

#menu ul li > a{font-size: 14px;}

#menu ul li{padding-left: 32px;}

.copyright-text h3, .footer-info p{font-size: 14px;}


.ser-right-icon i {
  font-size: 40px;  top: 30px;
}

.ser-lft-txt h4{font-size: 22px;}

}


@media only screen and ( min-width:768px) and ( max-width:959px ){

#menu ul li > a{font-size: 12px;}

#menu ul li{padding-left: 13px;}

.banner-about { padding: 180px 0px 60px;}

.team-heads h2{font-size: 25px;}

.team-heads h5{font-size: 17px;}

.team-heads p { font-size: 12px; line-height: 18px;}

.footer-link ul li a{font-size: 14px;}

.footer-info { padding: 0px 0px;}

.footer-info p{font-size: 11px;}

.contact-social ul li a i {
  width: 20px; height: 20px;  line-height: 20px; font-size: 11px;
}

.contact-social ul li{margin: 0px 1px;}

.copyright-text h3{font-size: 10px;}

.footertext h6{font-size: 20px;}

.port-text h2{font-size: 19px;}

.ser-lft-txt h4{font-size: 20px;}

.ser-right-icon i {
  font-size: 40px;  top: 30px;
}

.creative-ul li{width: 32%;}

.about-img img{margin-bottom:30px;}

#hero, .videotext{height: auto;}

#hero{width: 100%; float: left;}

.tagline h2, .videotext .txt-rotate{font-size: 40px;}

.crtive-bltz{padding-bottom: 0px; padding-top: 150px;}

.contact-form p {
  margin-bottom: 28px;
}

}


@media only screen and ( min-width:600px) and ( max-width:767px ){

header{position: relative;}

.banner-about{
    padding-top: 60px;
    padding-bottom: 50px;
    float: left;
  }

.banner-about h1{font-size: 34px;}

.block-titile h2{font-size: 32px;}

.team-img{text-align: center;margin-bottom: 40px;}

.team-img img{max-width: 120px;}

.team-heads h2{font-size: 28px;}

.team-heads h5{font-size: 17px;}

footer .col-lg-5 {width: 100%;}

.mr-left { padding-left: 10px !important;}

footer .col-lg-5:nth-child(2){width: 100%;}

.contact-social{padding-left: 5px; margin-top: 10px;}

.footer-info p{margin: 10px 0px;}

.email-btn input{font-size: 14px;}

.contact-footer{border-right: none; padding-bottom: 0px;}

.contact-footer::before{display: none;}

.copyright-text h3{font-size: 14px;}

.copyright-text{margin-top: 30px; text-align: center;}

footer{padding-bottom: 20px;}

.footer-link{padding-bottom: 0px;}

.portfolio-dv{margin-top: 40px; margin-bottom: 0px;}

.about-content{padding-bottom: 50px;}

.digital-number{font-size: 50px;}

.service-div{min-height: inherit;}

.ser-right-icon i{font-size: 40px;top: 30px;}

.about-img img{margin-bottom: 30px;}

.design-heading h3{font-size: 19px;}

.creative-ul li{width: 100%;}

#hero, .videotext{height: auto;}

.tagline h2, .videotext .txt-rotate{font-size: 33px;}

#hero{width: 100%; float: left;}

.crtive-bltz{padding-bottom: 0px; padding-top: 0px;}

.contact-form{margin-top: 50px;}

.humburger{position: absolute;}

}
@media only screen and ( min-width:360px) and ( max-width:768px ){
.humburger {
 width: 38px;
    height: 33px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    right: 24px;
    top: 19px;
    cursor: pointer;
    transition: 0.5s all ease-in;
    z-index: 22;
    border: solid #bd0606 2px;
    padding: 3px;     z-index: 1000000;
}
.tagline h3 {color: #fff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #000;
    font-family: 'Fugaz One', sans-serif;
}
}
@media only screen and ( min-width:360px) and ( max-width:599px ){

header{position: relative;}

.banner-about{
    padding-top: 60px;
    padding-bottom: 50px;
    float: left;
  }

.banner-about h1{font-size: 34px;}

.block-titile h2{font-size: 32px;}

.team-img{text-align: center;margin-bottom: 40px;}

.team-img img{max-width: 120px;}

.team-heads h2{font-size: 28px;}

.team-heads h5{font-size: 17px;}

footer .col-lg-5 {width: 100%;}

.mr-left { padding-left: 10px !important;}

footer .col-lg-5:nth-child(2){width: 100%;}

.contact-social{padding-left: 5px; margin-top: 10px;}

.footer-info p{margin: 10px 0px;}

.email-btn input{font-size: 14px;}

.contact-footer{border-right: none; padding-bottom: 0px;}

.contact-footer::before{display: none;}

.copyright-text h3{font-size: 14px;}

.copyright-text{margin-top: 30px; text-align: center;}

footer{padding-bottom: 20px;}

.footer-link{padding-bottom: 0px;}

.portfolio-dv{margin-top: 40px; margin-bottom: 0px;}

.about-content{padding-bottom: 50px;}

.ser-lft-txt h4{font-size: 22px;}

.digital-number{font-size: 50px;}

.service-div{min-height: inherit;}

.ser-right-icon i{font-size: 40px;top: 30px;}

.about-img img{margin-bottom: 30px;}

.design-heading h3{font-size: 19px;}

.creative-ul li{width: 100%;}

#hero, .videotext{height: auto;}

.tagline h2, .videotext .txt-rotate{font-size: 25px;}

#hero{width: 100%; float: left;     margin-top: 30px;}

.crtive-bltz{padding-bottom: 0px; padding-top: 0px;}

.contact-form{margin-top: 50px;}

.humburger{position: absolute;}

}