/*------------------------------------------------------------------
[Resonsive Stylesheet]

    Project:    Seoul
    Version:    1.0
    Author:     ModaThemes
    URL:        http://demo.modathemes.net/html/seoul/
-------------------------------------------------------------------*/

/* Large Devices, Wide Screens */
@media (max-width:1200px){
    .block .container,
    .container{
        width:990px;
    }
    .step-img .step-detail {
        padding-left:40px;
    }
    .step-detail{
        padding-right:40px;
    }
    .tp-tabs.inner.zeus{
        width:100%!important;
    }
}

/* Medium Devices, Desktops */
@media (max-width:992px){
    .block .container,
    .container{
        width:600px;
    }
    .big-title{
        margin-bottom:50px;
    }
    .big-title h2{
        margin-bottom:20px;
    }
    .big-title span {
        float: none;
        width: 100%;
        font-size: 18px;
        margin-top:-8px;
        margin-bottom: 20px;
        border:none;
        padding-left:0;
    }
    .step-img,
    .step-detail{
        display:unset;
        float:left;
        width:100%;
    }
    .step-img img{
        max-width:100%;
    }
    .steps {
        display:unset;
        float:left;
    }
    .work-flow{
        margin-bottom:-50px;
    }
    .step-detail{
        padding:30px 0 30px!important;
    }
    .column-title{
        height:auto!important;
        margin-bottom:50px;
    }
    .column-title_w{
        height:auto!important;
        margin-bottom:50px;
    }
    .column-title:before{
        display:none;
    }
    .column-title_w:before{
        display:none;
    }
    .categories{
        padding:30px 0;
        text-align:center;
    }
    .categories a{
        width:auto;
        padding:0 10px;
        float:none;
        display:inline-block;
    }
    a.all-post{
        padding: 0;
        margin-bottom:30px;
        width:auto;
        float:none;
        display:inline-block;
    }
    a.all-post:before{
        display:none;
    }
    .blog-posts{
        text-align:center;
    }
    .blog-slide .row > div{
        float:none;
        display:inline-block;
        margin:0 -2px;
    }
    .map{
        position: relative;
        float: left;
        width:100%;
        pointer-events:none;
    }
    div#map-canvas{
        height:300px!important
    }
    .get-in-touch:before,
    .get-in-touch:after{
        display:none;
    }
    .get-in-touch{
        padding:60px 30px 0;
    }
    .page-title{
        padding:100px 0 120px;
    }
    .page-title h1{
        font-size:40px;
    }
    .page-title.style2 .container{
        position: relative;
        float: left;
        width: 100%;
        left: 0;
        top: 0;
        width: 100%;
        padding: 40px 30px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .page-title.style2 h1 {
        width: 100%;
        margin: 20px 0 0;
        font-size: 25px;
        line-height:40px;
    }
    .post-detail strong{
        padding:0;
    }
    .post-detail blockquote {
        margin:30px 0;
        padding-right:30px;
    }
    .post-detail p{
        padding:0;
    }
    .tags-share{
        padding:0;
    }
    .tags{
        width:100%;
    }
    .share{
        width:100%;
        text-align:left;
        margin-top:30px;
    }
    .author{
        padding:0;
    }
    h4.sub-title{
        margin-bottom:40px;
    }
    .post-pagi{
        width:100%;
        margin-bottom:20px;
    }
    .post-pagi.next{
        margin-bottom:0;
    }
    .post-paginations:before{
        display:none;
    }
    .sidemenu-inner{
        max-height:250px!important;
    }
}

/* Small Devices, Tablets */
@media (max-width:600px){
    .block .container,
    .container{
        width:100%;
        padding:0 15px;
    }
    .option-isotop .option-set li a{
        padding:0 10px;
    }
    div#map-canvas{
        height:100px!important
    }
    .find-us > ul li span,
    .find-us > ul li i{
        width:100%;
    }
    .sidemenu{
        width:250px;
        right:-250px;
    }
    .sidemenu li a{
        padding: 10px 25px 10px;
    }
    .sidemenu li.selected > a:before,
    .sidemenu li:hover > a:before{
        width:15px;
    }
    .sidemenu .simple-socials {
        padding-right:25px;
    }
    .option-isotop{
        text-align:center;
    }
    .option-isotop .option-set li {
        float:none;
        display:inline-block;
    }
    .page-title h1{
        font-size:20px;
    }
    .logo{
        padding:22px 0 0 10px;
    }
    .sidemenu-inner{
        max-height:410px !important
    }
    .c-hamburger,
    .c-hamburger.is-active{
        right:10px;
        top:10px;
    }
}