@media (min-width:0px) and (max-width:979px) { /* smartphones, iPhone, portrait 480x320 phones */
.logo ,.logotext {
    text-align: center;
      width: 100% !important;
    float: none !important;
    padding-top: 15px !important;
}
.logotext {
     padding-top: 0px !important;
}
.logotext h1{
        margin-top: 10px;
}
.logo .img-responsive {
 text-align: center;
float: none;
margin:0 auto;
}
.bnr, .icon-bar {
    display:none;
}

.portfolio img {
        max-width: 100%;
    margin: 0 auto;
    float: none;
}
#nav {
  width: 300px;
    position: absolute !important;
    z-index: 9999 !important;
    display: none;
    margin-top: 45px !important;
}
#nav li {
    width: 100% !important;
}
.menu {
    position: fixed;
    top:0;
    
}
header {
    margin-top: 45px;
}
.portfolio-area li {
    width: 100%;
}
.caption {
    display: block;
    float: none;
    padding: 0;
    width: 100%;
    text-align: center;
}

.headercontact {
float: none;
        width: 100%;
}
.headercontact ul li {
    margin-bottom: 10px;
    display: inline-block;
}
.headercontact ul li {
float:left;
    padding-left: 20px;
}
.headercontact ul li:last-child {
float:right;
}
.link {
font-size: 12px;
}
.arrow {
    bottom: 9%;
}
.services-wrap li{
float:none;
    width: 98%;
}
.heading {
    padding-top: 0px;
}

#lavalamp,#sidebar,.slide img {
    display: none;
}
.block-menu li {
        display: block !important;
}

.icon-size {
height:50px;
}
.w3l-footer, .footer-info-agile p, .newsletter {
text-align:center;
}
 
.social-popout {
    text-align: center;
    display: inline-block;
    float: none;
    margin-bottom: 30px;
}
.bar {
color: #fff;
    font-size: 33px;
    position: absolute;
    display: block;
    margin-top: 5px;
    cursor: pointer;
    z-index: 99999;
}
.YellowText {
font-size: 18px;
}
.webdesigntuts-workshop {
        padding: 10px 0;
            float: right;
}
.webdesigntuts-workshop input,.webdesigntuts-workshop button {
        margin: 0;
}
.about-image .img-responsive {
    margin: 0 auto;
}
}

@media (min-width:0px) and (max-width:767px) {
    .social-popout {
       height: 30px;
    width: 30px;
    margin-right: 10px;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 10px;


}
.demo-cont,.fnc-slider {
        height: 70vh;
}
.social-icons {
           text-align: center;
    margin-bottom: 30px;
}
.fnc-nav__control {
    font-size: 10px;
    width: 25%;
}	
.fnc-slide__mask {
     width: 100%;
    height: 100%;
    margin-right: 0;
    right: 0;
    top: 0;
}
.fnc-slide__mask-inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
}
.fnc-slide__content {
    z-index: 2;
    position: absolute;
    left: 10%;
    top: 30%;
}
.fnc-slide__heading-line {
    font-size: 36px;
}
.fnc-slide__action-btn {
    margin-left: 70px;
}
.ch-item {
        width: 180px;
    height: 180px;
        margin: 30px auto;
}
.ch-info-wrap, .ch-info {
        position: initial;
        width: 180px;
    height: 180px;
}
.skills {
    text-align:center;
}
}
@media (min-width:768px) and (max-width:979px) {

}

@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }