@media only screen and (max-width: 1920px)
{
    #portfolio-container figure
    {
        float: left;
    }
    #portfolio-container
    {
        padding: 0 50px!important;
    }
}
@media only screen and (max-width: 1400px)
{
    #portfolio-container figure
    {
        float: none;
    }
}
@media only screen and (max-width: 1200px)
{
    .blog-grid>li:nth-of-type(odd) .blog-thumbnail
    {
        margin-left: 15px;
    }
    .blog-grid .blog-thumbnail
    {
        margin-right: 15px;
    }
    .blog-grid .blog-content
    {
        padding: 25px 20px 0 20px;
    }
    .blog-sum-up
    {
        font-size: .9em;
    }
    .main-container a.blog-post-title h2
    {
        font-size: 1.6em;
    }
}
@media only screen and (max-width: 1100px)
{
    #navigation ul li a:after
    {
        display: none;
    }
    #navigation ul li
    {
        padding: 10px 0 6px 0;
        margin: 0 14px;
    }
    #navigation ul.sub-menu
    {
        top: 35px;
    }
    #left-navigation, #right-navigation
    {
        margin-top: 5px;
    }
    #ticker-text ul li
    {
        font-size: 4em;
        letter-spacing: -3px;
    }
    #header.big
    {
        min-height: 65vh;
    }
    .outter-add-sec
    {
        padding-left: 0;
    }
}
@media only screen and (max-width: 992px)
{
    #header.big
    {
        min-height: 35vh!important;
    }
    #show-mobile-menu, #navigation-mobile
    {
        display: block;
    }
    #navigation-mobile #show-mobile-menu, #navigation-mobile #logo-container
    {
        display: none;
    }
    #show-mobile-menu:hover
    {
        opacity: .5;
    }
    #navigation-mobile #logo-navigation
    {
        display: none;
    }
    #navigation
    {
        z-index: 11;
    }
    #navigation.navigation-fixed #logo-navigation
    {
        margin-top: 10px;
    }
    #navigation #left-navigation, #navigation #right-navigation
    {
        display: none;
    }
    #logo-navigation
    {
        width: 100%!important;
        margin-right: 0!important;
    }
    .navigation-fixed #show-mobile-menu
    {
        color: #444;
        font-size: 1.5em;
        top: 18px;
    }
    #ticker-text ul li
    {
        font-size: 3em;
        letter-spacing: 0;
    }
    .contact-box
    {
        text-align: center;
        display: block;
        padding-top: 30px;
    }
    .contact-box:first-child
    {
        padding-top: 50px;
    }
    .contact-box a.btn.btn-default
    {
        float: none;
        margin: 0;
    }
    .custom-section-text
    {
        padding-left: 5%;
        padding-right: 5%;
    }
    .custom-section-buttons
    {
        padding-right: 5%;
    }
    #portfolio-container figure
    {
        width: 50%;
    }
    #top-navigation, #header-canvas
    {
        display: none;
    }
    #scroll-top
    {
        display: none!important;
    }
    .blog-grid>li
    {
        margin-bottom: 0;
    }
    .blog-grid>li:nth-of-type(odd) .blog-thumbnail, .blog-grid>li .blog-thumbnail
    {
        float: none!important;
        margin-left: 0;
    }
    .blog-grid>li:nth-of-type(odd)
    {
        background: transparent;
    }
    .blog-grid>li, .blog-grid>li:nth-of-type(odd) .blog-sum-up, .blog-grid>li .blog-sum-up, .blog-grid>li:nth-of-type(odd) .blog-button, .blog-grid>li .blog-button, .post-metadatas, .blog-post-title h2
    {
        text-align: center!important;
    }
    .blog-grid .blog-content, .blog-grid li.blog-post
    {
        height: auto!important;
    }
    .blog-grid .blog-thumbnail
    {
        height: 170px;
        padding-top: 10px;
    }
}
@media screen and (max-width: 960px)
{
    #lama1, #lama2, #lama3, #lama4
    {
        width: 100%;
    }
    #gee11, #gee22, #gee33
    {
        float: none;
        width: 320px;
    }
    #abs01, #abs02, #abs03
    {
        float: none;
        width: 200px;
    }
    #gee3
    {
        width: 320px;
        margin: auto;
    }
    #abs000
    {
        width: 200px;
        text-align: center;
        height: auto;
    }
    #abs000 img
    {
        display: block;
        margin: auto;
    }
}
@media screen and (max-width: 860px)
{
    .flex-direction-nav .flex-prev
    {
        opacity: 1;
        left: 10px;
    }
    .flex-direction-nav .flex-next
    {
        opacity: 1;
        right: 10px;
    }
}
@media only screen and (min-height: 700px)
{
    #header.big
    {
        min-height: 65vh;
    }
}
@media only screen and (max-width: 600px)
{
    .portfolio-item figcaption h4
    {
        font-size: 15px!important;
        margin-top: 10px!important;
        display: inline-block;
    }
    .portfolio-item figcaption p
    {
        line-height: 15px;
        display: inline-block;
        padding-top: 20px!important;
        font-size: 13px;
    }
    .portfolio-item figure.effect-sadie p
    {
        top: 15px;
    }
}
@media only screen and (max-width: 670px)
{
    #header.big
    {
        min-height: 20vh!important;
    }
    #ticker-text ul li
    {
        font-size: 2em;
        letter-spacing: 0;
    }
    .main-container .btn
    {
        padding: 7px 15px 5px 15px;
    }
    .custom-section-text, .custom-section-buttons
    {
        float: none;
        width: 100%;
        text-align: center;
    }
    .custom-section-text
    {
        border: none;
    }
    .custom-section-buttons
    {
        padding-right: 0;
    }
    .custom-section-buttons:before
    {
        content: none;
    }
    .skills-row, .skill
    {
        width: 100%;
        display: block;
        border: 0;
    }
    #scroll-bottom
    {
        display: none;
    }
    #navigation
    {
        position: relative;
    }
    #logo-navigation
    {
        width: 100%!important;
        margin-right: 0!important;
        top: -35px!important;
    }
    #navigation.navigation-fixed
    {
        position: fixed;
    }
    #navigation.navigation-fixed a#logo-navigation
    {
        top: 0!important;
    }
    .nav-tabs
    {
        width: 100%;
    }
    .nav-tabs>li>a
    {
        padding: 10px 25px;
    }
    .tab-pane
    {
        float: none;
        width: 100%;
        padding: 0;
    }
}
@media only screen and (max-width: 492px)
{
    #ticker-text ul li
    {
        font-size: 1.5em;
        letter-spacing: 0;
    }
    #header.big
    {
        height: 40vh!important;
    }
    #logo-navigation
    {
        width: 100%!important;
        margin-right: 0!important;
        top: -35px!important;
    }
    #ticker .with-breaker:last-child
    {
        display: none;
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)
{
    #header.big
    {
        min-height: 20vh!important;
    }
}
@media only screen and (max-width: 320px)
{
    #crowdreviews-badge-GjPxd4USR
    {
        width: 264px;
    }
    #crowdreviews-badge-GjPxd4USR .pull-right-GjPxd4USR
    {
        margin-top: -2px;
    }
    .outer-ab-img
    {
        float: left;
        margin-top: 10px;
    }
    .outer-ab-img2
    {
        float: left;
    }
    #ticker-text ul li
    {
        font-size: 15px!important;
    }
    #header .with-separation-bottom::after
    {
        display: none!important;
    }
}