[genuitec-file-id="wc4-6"],[genuitec-lp-path="/danielecalise/WebRoot/css/responsive.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}


/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1223px) {
    
    .site-navbar .navbar-brand a img {
        height:35px;
        margin-top: -7px;
    }
    
    .all-about .story h3,
    .all-about .info h3
    {
        font-size:22px
    }
    
    .all-about .story {
        margin-top:0px
    }
    
    #serv .single-service {
        margin:0;
        margin: 10px;
    }
    
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .site-navbar .navbar-brand a img {
        height:35px
    }
    
    .navbar-nav.navbar-right:last-child {
        margin-right: 0;
    }
    
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand
    {
        margin-left: 0; 
    }

    .all-about .story {
        margin-top:0px;
        margin-bottom:70px
    }
    
    #serv .single-service {
        margin:0;
        margin: 10px;
        margin-top: 20px;
    }
    
    .hire-me-btn {
        margin-bottom:40px
    }
    
    .skill-chart {
        margin-bottom:40px
    }
    
    .msg-btn a {
        margin-bottom:0px
    }
    
    .serviceBox {
        margin-bottom:20px
    }
    
    .google-map-area {
        margin-bottom:37px
    }
    
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    
    .site-navbar .navbar-brand a img {
        height:35px
    }
    
    .nav > li > a {
        text-align: center
    }
    
    .site-navbar .navbar-nav {
        padding-top:10px
    }

    .home-title {
        font-size:30px
    }
    
    .home-subtitle {
        font-size:16px
    }
    
    #about {
        padding-bottom:0px;
    }
    
    .social a i {
        margin-right:8px
    }
    
    .all-about .story {
        margin-bottom:70px
    }
    
    .all-about .info {
        margin-top:70px
    }
    
    #serv .single-service {
        margin: 0px;
        margin-top: 30px;
    }
    
    .skill-chart {
        margin-bottom:40px
    }
    
    .resp-skill {
        margin-bottom:0px
    }
    
    .direction-l .flag:before,
    .direction-r .flag:before
    {
        top: -20px;
    }
    
    .stage {
        margin-bottom:60px
    }
    
    .hire-me-btn {
        margin-bottom:40px
    }
    
    .section-title h2:before {
        width:20%
    }
    
    .pers-progress {
        margin-top:50px
    }
    
    .type-of-work li {
        margin-bottom:5px
    }
    
    .content .sub-title h2 {
        margin-left:0px
    }
    
    .experience {
        margin-top:50px
    }
    
    .google-map-area {
        margin-bottom:37px
    }
    
    .msg-btn a {
        margin-bottom:0px
    }
    
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    .home-title {
        font-size:55px
    }
    
    .home-subtitle {
        font-size: 20px
    }
    
    .all-about .info p {
        display: inline-block;
        margin:15px
    }
    
}

@media only screen and (max-width: 320px) {
    
    .section-title h2 {
        font-size:28px
    }
    
    .all-about .info p {
        font-size:15px
    }
    
    .all-about .info p i {
        font-size:14px
    }
    
    .all-about .info {
        padding:0px 8px;
    }
    
    #hobbies .single-hobbie {
        width: 100px;
    }
    
}