/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1600px) {
    .empp-box img {
        width: 60%;
        margin-bottom: 20px;
    }

    .sec-container {
        padding: 80px 0
    }

    #fixed-header {
        top: 20px;
    }

    .sec-footer {
        height: 80px;
    }

    #fixed-footer {
        height: 60px;
    }

    #header-menu-box {
        padding-top: 20px;
    }

    #header-menu-box .customScrollbar {
        top: 90px;
    }

    .sec-content.wrapper {
        left: 50px;
        right: 50px;
        bottom: 80px;
        top: 80px;
    }
	.team_page.sec-content.wrapper {
        left: 33%;
        right: 30px;
        bottom: 0px;
        padding-left: 30px;
        padding-bottom: 80px;
        top: 80px;
    }
    .team_page.sec-container {
        padding: 80px 0 0px 33%;
    }    
    .sec-title {
        font-size: 26px;
    }
	#practice_page-content h2{
        font-size: 26px;
	}

    .sec-content {
        font-size: 14px;
    }
	.contact_pers .phone, .contact_pers .email{
		font-size:14px;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    #top-nav {
        display:none;
    }

    #header-menu-btn {
        height: 32px;
        width: 32px;
        display: inline-block;
        vertical-align: middle;
    }

    #header-menu-box .header-menu-close {
        margin-right: 48px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .startsect-sliders {
        display: block!important;
        margin: 0 auto;
        width: 100%;
        max-width: 600px;
    }

    .news-box {
        width: 100%;
        background: #fff;
        padding: 10px;
        margin: 20px 0;
    }

    .word-box {
        width: 100%;
        background: #6d337e;
        padding: 10px;
        margin: 20px 0;
    }

    #fixed-footer {
        display: none;
    }

    #practice_section .sec-content {
        width: auto;
    }

    #practice_section .sec-content .bg {
        display: none;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #fixed-header {
        top: 0px;
        left: 0;
        right: 0;
        background: #f3f3f3e8;
    }

    #fixed-header .wrapper {
        padding: 9px 15px;
    }

    #header-menu-btn {
        height: 32px;
        width: 32px;
        margin-right: 0px;
        margin-top: 0px;
    }

    #header-menu-box {
        padding-top: 13px;
    }

    #header-menu-box .wrapper {
        padding: 0px 15px;
    }

    #header-menu-box .header-menu-close {
        margin-right: 12px;
    }

    .group-logo {
        padding-left: 40px;
    }

    #fixed-header .header-lang {
        display: inline-block;
        margin: 0;
        margin-left: 10px;
    }

    #fixed-header .header-lang li {
        display: block;
        line-height: 12px;
    }

    #fixed-header .header-lang li a {
        font-size: 12px;
    }

    .header-logo img.micro-img {
        display: block;
        height: 16px;
    }

    .header-logo img.normal-img {
        display: none;
    }

    #fixed-header .header-menu-group {
        float: left;
        margin-left: -40px;
    }

    .header-logo {
        display: inline-block;
    }

    #fixed-header .search-box .phone {
        color: #582667;
        font-style: normal;
        background: transparent;
        padding-left: 0;
        font-size: 18px;
        line-height: 30px;
    }

    #fixed-header .search-box input[type=search] {
        background: transparent url('../images/psearch-btn.png') no-repeat right 12px center;
    }

    #fixed-header .search-box input[type=search]:focus {
        /* background-image: url('../images/search-btn.png'); */
    }

    #fp-nav.right {
        right: 5px;
    }

    #header-menu-box .customScrollbar {
        position: absolute;
        top: 50px;
        right: 0;
        left: 0;
        bottom: 20px;
    }

    #header-menu-box .scrollable-content {
        min-height: calc(100vh - 60px);
        width: calc(100vw);
    }

    #header-menu-box ul {
        padding: 10px 10px 10px 20px;
    }

    .header-menu-footer {
        padding-left: 20px;
    }

    .empp-box {
        padding: 30px;
        background: #fff;
    }

    .empp-box .bg {
        display: none;
    }

    .sec-container {
        padding-top: 50px;
        padding-bottom: 10px;
    }

    .startsect-sliders {
        max-width: 100vw;
        padding: 5px;
    }

    .sec-footer {
        height: auto;
        text-align: center;
        display: block;
        position: static;
        top: auto;
        bottom: auto;
    }

    .sec-footer .labels {
        background: #fffffff0;
        padding: 10px;
        max-width: 320px;
        text-align: center;
        margin: 0 auto;
    }

    .sec-container.d-table .d-tcell {
        display: block;
    }

    .sec-container.d-table {
        display: block!important;
    }

    .sec-footer .wrapper {
        padding: 0px 5px;
    }

    .sec-footer .sf-center {
        display: none;
    }

    .sec-content.wrapper {
        position: static;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .fullfix-row {
        display: block;
        position: static;
        margin-left: -15px;
        margin-right: -15px;
    }
	#contact_section .contact_wrapper {
	    position: static;
	    display: block;
	    background: #582667;
	    padding: 20px;
	    margin: -96px -20px -40px -20px;
	    width: auto;
	}
	
	#contact_section .sec-content.wrapper.bg-transparent {
	    padding-bottom: 0;
	    background: #fff!important;
	}    
	#contact_section .contact_map {
	    display:block;
	    height: 430px;
	    background: transparent url('../images/bg-city-map.png') no-repeat -365px -195px;
	    margin: -20px -20px 17px -20px;
	    /* background-size: cover; */
	}    
	#contact_section .sec-container{
		padding-bottom:0;
	}
	.sec-mphoto {
	    display:none;
	}
	.team_page.sec-container {
	    padding: 50px 10px 0px 10px;
	}
	.team_page.sec-content.wrapper {
	    left: 30px;
	    right: 30px;
	    bottom: 0px;
	    padding-left: 20px;
	}
	.fp-controlArrow.fp-prev {
	    left: 25px;
	    opacity:0.5;
	}
	.fp-controlArrow.fp-next {
	    right: 0px;
	    opacity:0.5;
	}
	.fp-controlArrow.fp-prev:hover, .fp-controlArrow.fp-next:hover{
		opacity:1;
	}
	#team_page #fixed-header .header-logo img {
		-webkit-filter: none;
		filter: none;
	}	
	.memb-photo{
		display:block;
		max-width:500px;
		height: 100vw;
		margin:25px auto 10px auto;
		background-size:contain;
		background-position:center top;
		background-repeat:no-repeat;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .bg.skew-right, .bg.skew-left {
        clip-path:none!important;
    }

    .sec-footer .wrapper>div {
        display: block!important;
    }

    .sec-footer .sf-right {
        margin: 15px 0;
    }
    .sec-footer .sf-left {
        margin: 15px 0
    }
    .sec-footer .sf-right a,
    .sec-footer .sf-left a{
        color: #fff;
    }

    #fp-nav {
        display: none;
    }

    .sec-container {
        padding-bottom: 10px;
		-webkit-overflow-scrolling: touch;
    	overflow: scroll;
    }

    .sf-row {
        min-height: 0;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1600px) {
    #city-bg .city_right {
        width: 450px;
    }

    .empp-box {
        padding: 40px 200px;
        max-width: 920px;
    }
}
