/* --------------------------------------
=========================================
Pixel | Agency - Responsive Multipurpose HTML5 Template
Version: 1.1 (Release)
Designed By: rkwebdesigns
=========================================
*/

@media only screen and (min-width: 1201px) {
    .carousel-caption {
        top: 70%;
    }
    .carousel-inner>.item > .carousel-caption > h1 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 50px;
        line-height: 1em;
        margin-bottom: 20px;
    }
    .carousel-inner>.item > .carousel-caption > h3 {
        font-size: 30px;
        line-height: 1em;
        margin-bottom: 40px;
    }
    .navbar-static .nav> li >a {
        padding: 15px 30px 15px 0px;
    }
    .carousel-inner>.item > .carousel-caption > a {
        margin-bottom: 20%;
    }
    .team-member1 .team-member1-details p {
        font-size: 14px;
    }
    .section19 .section19-404 h1 {
        font-size: 20em;
    }
    .navbar-brand {
        margin-left: 0px !important;
    }
    .section-10-btn-cont {
        text-align: right;
        margin: 17px 0 0 0;
    }
}


/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .carousel-caption {
        top: 70%;
    }
    .carousel-inner>.item > .carousel-caption > h1 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 40px;
        line-height: 1em;
        margin-bottom: 20px;
    }
    .carousel-inner>.item > .carousel-caption > h3 {
        font-style: italic;
        font-size: 28px;
        line-height: 1em;
        margin-bottom: 40px;
    }
    .navbar-static .nav> li >a {
        padding: 15px 30px 15px 0px;
    }
    .carousel-inner>.item > .carousel-caption > a {
        margin-bottom: 20%;
    }
    .team-member1 .team-member1-details p {
        font-size: 14px;
    }
    .section19 .section19-404 h1 {
        font-size: 20em;
    }
    .navbar-brand {
        margin-left: 0px !important;
    }
    .section-10-btn-cont {
        text-align: right;
        margin: 17px 0 0 0;
    }
}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 769px) and (max-width: 991px) {
    .carousel-caption {
        top: 70%;
    }
    .carousel-inner>.item > .carousel-caption > h1 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 35px;
        line-height: 1em;
        margin-bottom: 20px;
    }
    .carousel-inner>.item > .carousel-caption > h3 {
        font-style: italic;
        font-size: 25px;
        line-height: 1em;
        margin-bottom: 40px;
    }
    .team-member1 .team-member1-details p {
        font-size: 14px;
    }
    .section19 .section19-404 h1 {
        font-size: 20em;
    }
    .section-10-btn-cont {
        text-align: left;
        margin: 17px 0 0 0;
    }
	.section-11-box {
		padding: 0px 0px;
		text-align: center;
		border-right:none;
		height: 150px;
	}
	.menu-active {
		padding: 30px 15px 30px 15px;
	}
	.section-11-box-rong{
		margin-top:40px;
		padding: 0px 0px;
		text-align: center;
		border-right:none;
		height: 340px;
	}
}

/* Mobile Layout: 320px. */
@media only screen and (min-width: 641px) and (max-width: 768px) {
    .carousel-caption {
        top: 70%;
    }
    .carousel-inner>.item > .carousel-caption > h1 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 30px;
        line-height: 1em;
        margin-bottom: 20px;
    }
    .carousel-inner>.item > .carousel-caption > h3 {
        font-style: italic;
        font-size: 15px;
        line-height: 1em;
        margin-bottom: 30px;
    }
	.menu-active{
		padding: 0px 0px 15px 0px;
	}
	.dropdown,.dropup{
		position:relative; 
		padding-top:0px; 
		padding-bottom:15px;
	}
	.navbar-1 .navbar-nav > li > a:hover{
		border-bottom:0px solid red;
	}
	.navbar-1 .navbar-nav>li>.dropdown-menu {
		margin-top: 0px;
	}
	.section-11-box {
		padding: 0px 0px;
		text-align: center;
		border-right:none;
		height: 150px;
	}
	.sub-text-dsp{
		display:none;
	}
	.section-11-box-rong{
		margin-top:40px;
		padding: 0px 0px;
		text-align: center;
		border-right:none;
		height: 340px;
	}
	.nplpurchase-img{
		background-image:url("/images/solid.png");
		display:block;
		background-size:2px;
		background-repeat:repeat-y;
		background-position-x:center;
	}
	.nplpurchase-box-rong {
		padding: 0px 0px;
		text-align: center;
		display:inline;
		height: 0px;
		margin-right:62px;
	}
	.nplpurchase-background-1 {
		background-image:url("/images/workprocess-new-01.jpg");
		height: 188px;
		width: 186px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	}
	.nplpurchase-background-2 {
		background-image:url("/images/workprocess-new-02.jpg");
		height: 188px;
		width: 187px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.nplpurchase-background-3 {
		background-image:url("/images/workprocess-new-03.jpg");
		height: 188px;
		width: 186px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.nplpurchase-background-4 {
		background-image:url("/images/workprocess-new-04.jpg");
		height: 188px;
		width: 187px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.nplpurchase-background-5 {
		background-image:url("/images/workprocess-05.jpg");
		height: 188px;
		width: 187px;
		border-radius: 5%;
		margin: 0 auto 60px auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.section-11-box-right-no-debtissue {
		padding: 0px 0px;
		text-align: center;
	}
	.hanbit-breadcrumbs ul {
		text-align:center;
		float:none;
		font-size: 13px;
		margin-top: 10px;
		font-weight: 500;
		margin-left: -55px;
	}
	.hanbit-breadcrumbs ul {
		text-align:center;
		float:none;
		font-size: 13px;
		margin-top: 10px;
		font-weight: 500;
		margin-left: -55px;
	}
	.hanbit-breadcrumbs ul li a span {
		border-right: 1px solid #EDECEB;
		padding-right:15px;
		padding-left:5px;
	}
	.last-menu{
		padding-left:5px;
	}
	.history-img-1{
		margin:0px;
		padding:0px;
	}

	.history-img-1 div.about-img {
		text-align:center;
		margin-top:20px;
		margin-bottom:30px;
	}
	.footer-top-box a{
		font-size:12px;
		font-weight: 600;
		color: #777777;
		display:block;
		text-align:center;
		padding: 5px 0px 0px 5px;
	}
	.npl-wp-center{
		text-align:center;
		padding-bottom:20px;
	}
	.img-pb{
		padding-bottom:10px;
	}
}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .team-member1 .team-member1-details p {
        font-size: 12px;
    }
    .section19 .section19-404 h1 {
        font-size: 10em;
    }
    .navbar-brand {
        margin-left: 15px !important;
    }
    .section-10-btn-cont {
        text-align: left;
        margin: 17px 0 0 0;
    }
    .pull-right {
        float: none!important;
    }

	.hanbit-contact-detail2 li span {
		font-size: 12px;
	}
	.navbar-brand > img {
		height: 50px;
	}
	.section-10-box-text-cont > p {
		font-size: 12px;
	}
	.section-10-btn-cont-l  > p {
		font-size: 12px;
	}
	.section-10-btn-cont-l  > p > span {
		font-size: 12px;
	}
	.footer-bottom > div {
		font-size: 12px;
	}
	.navbar-1 .navbar-nav > li > a:hover{
		border-bottom:0px solid red;
	}
	.section-11-box {
		padding: 0px 0px;
		text-align: center;
		border-right:none;
		height: 150px;
	}
	.sub-text-dsp{
		display:none;
	}
	.section-11-box-rong{
		margin-top:40px;
		padding: 0px 0px;
		text-align: center;
		border-right:none;
		height: 340px;
	}
	.nplpurchase-img{
		background-image:url("/images/solid.png");
		display:block;
		background-size:2px;
		background-repeat:repeat-y;
		background-position-x:center;
	}
	.nplpurchase-box-rong {
		padding: 0px 0px;
		text-align: center;
		display:inline;
		height: 0px;
		margin-right:62px;
	}
	.nplpurchase-background-1 {
		background-image:url("/images/workprocess-new-01.jpg");
		height: 188px;
		width: 186px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	}
	.nplpurchase-background-2 {
		background-image:url("/images/workprocess-new-02.jpg");
		height: 188px;
		width: 187px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.nplpurchase-background-3 {
		background-image:url("/images/workprocess-new-03.jpg");
		height: 188px;
		width: 186px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.nplpurchase-background-4 {
		background-image:url("/images/workprocess-new-04.jpg");
		height: 188px;
		width: 187px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.nplpurchase-background-5 {
		background-image:url("/images/workprocess-new-05.jpg");
		height: 188px;
		width: 187px;
		border-radius: 5%;
		margin: 0 auto 60px auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.section-11-box-right-no-debtissue {
		padding: 0px 0px;
		text-align: center;
	}
	.npl-top-box-title-sub-1{
		background-color: #154D9F;
		padding:10px 0px 10px 0px;
		border-radius:60px 10px 0px 0px / 60px 10px 0px 0px;
		color:#ffffff;
		font-size:14px;
		text-align:center;
		font-weight:500;
	}
	.npl-top-box-title-sub-2{
		background-color: #154D9F;
		padding:10px 0px 10px 0px;
		border-radius:60px 10px 0px 0px / 60px 10px 0px 0px;
		color:#ffffff;
		font-size:14px;
		text-align:center;
		font-weight:500;
	}
	.npl-box-contents-1{
		border:1px solid #bababa;
		background-color:#ffffff;
		padding:10px 10px 10px 10px;
		height: 92%;
		border-radius:0px 0px 5px 5px / 0px 0px 5px 5px;
	}
	.npl-box-contents-2{
		border:1px solid #bababa;
		background-color:#ffffff;
		padding:10px 10px 10px 10px;
		height: 92%;
		border-radius:0px 0px 5px 5px / 0px 0px 5px 5px;
	}
	.hanbit-breadcrumbs ul {
		text-align:center;
		float:none;
		font-size: 13px;
		margin-top: 10px;
		font-weight: 500;
		margin-left: -55px;
	}
	.hanbit-breadcrumbs ul li a span {
		border-right: 1px solid #EDECEB;
		padding-right:15px;
		padding-left:5px;
	}
	.last-menu{
		padding-left:5px;
	}
	.history-img-1{
		margin:0px;
		padding:0px;
	}

	.history-img-1 div.about-img {
		text-align:center;
		margin-top:20px;
		margin-bottom:30px;
	}
	.footer-top-box a{
		font-size:12px;
		font-weight: 600;
		color: #777777;
		display:block;
		text-align:center;
		padding: 5px 0px 0px 5px;
	}
	.npl-wp-center{
		text-align:center;
		padding-bottom:20px;
	}
	.img-pb{
		padding-bottom:10px;
	}
}


/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 481px) and (max-width: 640px) {
    .carousel-caption {
        top: 70%;
    }
    .carousel-inner>.item > .carousel-caption > h1 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 30px;
        line-height: 1em;
        margin-bottom: 20px;
    }
    .carousel-inner>.item > .carousel-caption > h3 {
        font-style: italic;
        font-size: 15px;
        line-height: 1em;
        margin-bottom: 30px;
    }
    .team-member1 .team-member1-details p {
        font-size: 12px;
    }
    .section19 .section19-404 h1 {
        font-size: 10em;
    }
    .navbar-brand {
        margin-left: 15px !important;
    }
    .section-10-btn-cont {
        text-align: left;
        margin: 17px 0 0 0;
    }

	.hanbit-contact-detail2 li span {
		font-size: 12px;
	}
	.navbar-brand > img {
		height: 30px;
	}
	.section-10-box-text-cont > p {
		font-size: 12px;
	}
	.section-10-btn-cont-l  > p {
		font-size: 12px;
	}
	.section-10-btn-cont-l  > p > span {
		font-size: 12px;
	}
	.footer-bottom > div {
		font-size: 12px;
	}
	.menu-active{
		padding: 0px 0px 15px 0px;
	}
	.dropdown,.dropup{
		position:relative; 
		padding-top:0px; 
		padding-bottom:15px;
	}
	.navbar-1 .navbar-nav > li > a:hover{
		border-bottom:0px solid red;
	}
	.navbar-1 .navbar-nav>li>.dropdown-menu {
		margin-top: 0px;
	}
	.section-11-box {
		padding: 0px 0px;
		text-align: center;
		border-right:none;
		height: 150px;
	}
	.sub-text-dsp{
		display:none;
	}
	.section-11-box-rong{
		margin-top:40px;
		padding: 0px 0px;
		text-align: center;
		border-right:none;
		height: 340px;
	}
	.nplpurchase-img{
		background-image:url("/images/solid.png");
		display:block;
		background-size:2px;
		background-repeat:repeat-y;
		background-position-x:center;
	}
	.nplpurchase-box-rong {
		padding: 0px 0px;
		text-align: center;
		display:inline;
		height: 0px;
		margin-right:62px;
	}
	.nplpurchase-background-1 {
		background-image:url("/images/workprocess-new-01.jpg");
		height: 188px;
		width: 186px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	}
	.nplpurchase-background-2 {
		background-image:url("/images/workprocess-new-02.jpg");
		height: 188px;
		width: 187px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.nplpurchase-background-3 {
		background-image:url("/images/workprocess-new-03.jpg");
		height: 188px;
		width: 186px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.nplpurchase-background-4 {
		background-image:url("/images/workprocess-new-04.jpg");
		height: 188px;
		width: 187px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.nplpurchase-background-5 {
		background-image:url("/images/workprocess-new-05.jpg");
		height: 188px;
		width: 187px;
		border-radius: 5%;
		margin: 0 auto 60px auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.section-11-box-right-no-debtissue {
		padding: 0px 0px;
		text-align: center;
	}
	.hanbit-breadcrumbs ul {
		text-align:center;
		float:none;
		font-size: 13px;
		margin-top: 10px;
		font-weight: 500;
		margin-left: -55px;
	}
	.hanbit-breadcrumbs ul li a span {
		border-right: 1px solid #EDECEB;
		padding-right:15px;
		padding-left:5px;
	}
	.last-menu{
		padding-left:5px;
	}
	.history-img-1{
		margin:0px;
		padding:0px;
	}

	.history-img-1 div.about-img {
		text-align:center;
		margin-top:20px;
		margin-bottom:30px;
	}
	.footer-top-box a{
		font-size:12px;
		font-weight: 600;
		color: #777777;
		display:block;
		text-align:center;
		padding: 5px 0px 0px 5px;
	}
	.npl-wp-center{
		text-align:center;
		padding-bottom:20px;
	}
	.img-pb{
		padding-bottom:10px;
	}
}

@media only screen and (max-width: 480px) {
    .carousel-caption {
        top: 70%;
    }
    .carousel-inner>.item > .carousel-caption > h1 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 22px;
        line-height: 1em;
    }
    .carousel-inner>.item > .carousel-caption > h3 {
        font-style: italic;
        font-size: 14px;
        line-height: 1em;
        margin-bottom: 20px;
    }
    .carousel-caption .btn {
        margin-bottom: 20px;
    }

	.hanbit-contact-detail2 li span {
		font-size: 12px;
	}
	.navbar-brand > img {
		height: 30px;
	}
	.section-10-box-text-cont > p {
		font-size: 12px;
	}
	.section-10-btn-cont-l  > p {
		font-size: 12px;
	}
	.section-10-btn-cont-l  > p > span {
		font-size: 12px;
	}
	.footer-bottom > div {
		font-size: 12px;
	}
	.menu-active{
		padding: 0px 0px 15px 0px;
	}
	.dropdown,.dropup{
		position:relative; 
		padding-top:0px; 
		padding-bottom:15px;
	}
	.navbar-1 .navbar-nav > li > a:hover{
		border-bottom:0px solid red;
	}
	.navbar-1 .navbar-nav>li>.dropdown-menu {
		margin-top: 0px;
	}
	.section-11-box {
		padding: 0px 0px;
		text-align: center;
		border-right:none;
		height: 150px;
	}
	.sub-text-dsp{
		display:none;
	}
	.section-11-box-rong{
		margin-top:40px;
		padding: 0px 0px;
		text-align: center;
		border-right:none;
		height: 340px;
	}
	.nplpurchase-img{
		background-image:url("/images/solid.png");
		display:block;
		background-size:2px;
		background-repeat:repeat-y;
		background-position-x:center;
	}
	.nplpurchase-box-rong {
		padding: 0px 0px;
		text-align: center;
		display:inline;
		height: 0px;
		margin-right:62px;
	}
	.nplpurchase-background-1 {
		background-image:url("/images/workprocess-new-01.jpg");
		height: 188px;
		width: 186px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	}
	.nplpurchase-background-2 {
		background-image:url("/images/workprocess-new-02.jpg");
		height: 188px;
		width: 187px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.nplpurchase-background-3 {
		background-image:url("/images/workprocess-new-03.jpg");
		height: 188px;
		width: 186px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.nplpurchase-background-4 {
		background-image:url("/images/workprocess-new-04.jpg");
		height: 188px;
		width: 187px;
		border-radius: 5%;
		margin: 0 auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.nplpurchase-background-5 {
		background-image:url("/images/workprocess-05.jpg");
		height: 188px;
		width: 187px;
		border-radius: 5%;
		margin: 0 auto 40px auto;
		background-repeat:no-repeat;
	/*    margin: 0 auto 20px auto;*/
	}
	.section-11-box-right-no-debtissue {
		padding: 0px 0px;
		text-align: center;
	}
	.privacy-margin{
		margin:25px 0px 0px -40px;
	}
	.hanbit-breadcrumbs ul {
		text-align:center;
		float:none;
		font-size: 13px;
		margin-top: 10px;
		font-weight: 500;
		margin-left: -55px;
	}
	.hanbit-breadcrumbs ul li a span {
		border-right: 1px solid #EDECEB;
		padding-right:15px;
		padding-left:5px;
	}
	.last-menu{
		padding-left:5px;
	}
	.history-img-1{
		margin:0px;
		padding:0px;
	}

	.history-img-1 div.about-img {
		text-align:center;
		margin-top:20px;
		margin-bottom:30px;
	}
	.footer-top-box a{
		font-size:12px;
		font-weight: 600;
		color: #777777;
		display:block;
		text-align:center;
		padding: 5px 0px 0px 5px;
	}
	.npl-wp-center{
		text-align:center;
		padding-bottom:20px;
	}
	.npl-img-center{
		text-align:center;
	}
	.img-pb{
		padding-bottom:10px;
	}
}


.swiper-slide > .carousel-caption h1{
	font-size:50px;
}
.swiper-slide > .carousel-caption h4{
	font-size:30px;
}
.font-lg {
	font-size:18px;
}
.font-sm {
	font-size:13px;
}

@media(max-width:768px){
	.swiper-slide > .carousel-caption h1{
		font-size:20px;
	}
	.swiper-slide > .carousel-caption h4{
		font-size:15px;
	}
	.font-variable {
		font-size:10px;
	}
	.table-lability td {
		padding:2px;
	}
}
@media(max-width:425px){
	.swiper-slide > .carousel-caption h1{
		font-size:20px;
	}
	.swiper-slide > .carousel-caption h4{
		font-size:15px;
	}
	.font-lg {
		font-size:10px;
	}
	.font-sm {
		font-size:10px;
	}
}