/* Media queries */

@media(min-width:991px)  {
    .top-nav-collapse {  padding: 0;   background-color: #000;padding-top:40px; }

} 

@media(min-width:770px) and (max-width : 990px)  {

 
	.intro .slogan h2 {font-size:;line-height: ;  }
	.intro .slogan h4 { color: #fff; font-size:; }
	.cTitM {display:none;}
	.bigTit {float:left;margin-left:190px;width:70%;letter-spacing:-2px;}
    .redDot {left:520px;}
	.bigTit1 {float:left;margin-left:190px;width:75%;letter-spacing:-6px;}
	.whiteDot {left:523px;}
	.support .sLeft .sTit {display:none;}
	.support .sLeft .sTitM {display:block;}
	.btnS {}
	.support .sRight {margin-top:70px;}
	.support .sRight ul:first-child {border-top:1px solid #d5d5d5;}
    .support .sRight ul:last-child {border-bottom:1px solid #d5d5d5;}
    .client .cLeft .cTit {display:none;}
	.client .cLeft .cTitM {display:block;}
	.client .partner {margin:50px auto 0 auto;text-align:center;width:auto;padding-left:0;}
	.ccTit {margin:70px 40px 20px 40px;letter-spacing:-1px;color:#000;}
    .cCont {font-size:14px;margin:45px 40px;width:91%;}
	.hComM, .hTreeM {display:block;}
	.hCom, .hTree {display:none;}	
	
	.rental .rLeft .rList  {display:none;}	
	.rental .rLeft .rTit {display:none;}
	.kitdiv .rLeft .rList  {display:none;}	
	.kitdiv .rLeft .rTit {display:none;}

	.content-wrap {width:130%;padding:20px;text-align:center;}
	.content-wrap section p {padding:0;text-align:center;}
	#section-iconbox-1 p.box1 {display:block;}
    
} 


@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    .top-nav-collapse {padding: 0;background-color: #000;padding-top:40px;}
    .navbar-custom.top-nav-collapse {border-bottom: 1px solid rgba(255,255,255,.3);}
    .intro {height: 100%;padding: 0;}
    .brand-heading {font-size: 100px;}
    .intro-text {font-size: 25px;}
	
}
 


@media (min-width:510px) and (max-width:769px) {

	.navbar-custom .nav.navbar-nav { background-color: transparent;	}
	.navbar.navbar-custom.navbar-fixed-top {margin-bottom: 30px;}
	.tp-banner-container {padding-top:40px;}
	.page-scroll a.btn-circle {
		width: 40px;
		height: 40px;
		margin-bottom:0px;
		padding: 7px 0;
		border: 2px solid #fff;
		border-radius: 50%;
		font-size: 20px;
	}
	.intro {height: 100%; padding: 0;}
	.intro .slogan h2 {font-size: 50px;	line-height: 1; }
	.intro .slogan h4 {color: #fff;font-size: 20px;	}
	.cb-slideshow li div.slogan {   bottom:15%;	}
	.proTit, .proTit1, .proTit2, .proTit3  {width:96%;text-align:center;font-family:nanum gothic;margin:-50px auto 0 auto;}
    .proTit1 {margin-top:-20px;}
	.proTit2 {margin-top:40px;z-index:100;}
	.proTit3 {margin-top:60px;}
	.tabMenu {float:none;width:91%;margin:0 auto;}

	.rental .rLeft .rList  {display:none;}	
	.rental .rLeft .rTit {display:none;}
	.kitdiv .rLeft .rList  {display:none;}	
	.kitdiv .rLeft .rTit {display:none;}
	
	.content-wrap {width:100%;float:none;padding:20px;text-align:center;}
	.content-wrap section p {padding:0;text-align:center;}
	#section-iconbox-1 p.box1 {display:block;}

	.history {background:#fff;min-width:auto;margin:0 auto;}
    .bigTit, .bigTit1, .bigTit2, .cTit, .cTitM {display:none;}
	.com-intro {margin-bottom:50px;}

	.demo {background:#fff url(/image/bg_red.png) 50% 50%;min-width:auto;margin:0 auto;padding-bottom:0;}
	.demoBottom {padding-bottom:50px;background:url(/image/bg_red.png) 0px -360px no-repeat;}
	.demo-icon {margin-top:60px;text-align:center;}
	.support .sLeft {display:none;}
	.client .partner {margin:50px auto 0 auto;text-align:center;width:auto;padding-left:0;}
	.client .cLeft .cTitM {display:none;}
	.ccTit {margin:70px auto 0 auto;width:90%;}
    .cCont {margin:40px auto 0 auto;width:90%;}
	.support {padding-top:50px;}
	.support .sRight {clear:both;margin:30px auto 0 auto;float:none;}
	.support .sRight ul {width:95%;margin:0 auto;}
	.support .sLeft {display:none;}
	.support .sRight ul:first-child {border-top:1px solid #d5d5d5;}
    .support .sRight ul:last-child {border-bottom:1px solid #d5d5d5;}
	.hCom, .hTree, .hCont {display:none;}
	.hComM {display:block;}
	#Mhis {display:block;}
	

}


@media (min-width:200px) and (max-width:509px) {

	.navbar-custom .nav.navbar-nav {background-color: transparent;}	
	.navbar.navbar-custom.navbar-fixed-top {margin-bottom: 30px;}	
	.tp-banner-container {padding-top:40px;}
	.page-scroll a.btn-circle {
	    width: 40px;
		height: 40px;
		margin-bottom:0px;
		padding: 7px 0;
		border: 2px solid #fff;
		border-radius: 50%;
		font-size: 20px;
	}
	.intro { height: 100%;padding: 0; }
	.intro .slogan h2 {font-size: 50px;line-height: 1;}
	.intro .slogan h4 {color: #fff;font-size: 18px;}
	.proTit, .proTit1, .proTit2, .proTit3  {width:96%;text-align:center;font-family:nanum gothic;margin:-50px auto 0 auto;}
    .proTit1 {margin-top:-20px;}
	.proTit2 {margin-top:40px;z-index:100;}
	.proTit3 {margin-top:60px;}
    .tabMenu {float:none;width:85%;margin:20px auto 0 auto;}
	.tabs-style-iconbox nav ul {display: block;box-shadow: none;}
	.tabs-style-iconbox nav ul li {display: block;-webkit-flex: none;flex: none;border-bottom:1px solid #dadada;}
	.tabs-style-iconbox nav ul li.tab-current a::after {border-width: 0px;}

	.rental .rLeft .rList {display:none;}
	.rental .rLeft .rTit {display:none;}
	.kitdiv .rLeft .rList  {display:none;}	
	.kitdiv .rLeft .rTit {display:none;}
	
	.content-wrap {width:100%;float:none;padding:20px;}
	.content-wrap section p {padding:0;text-align:center;}
	#section-iconbox-1 p.box1 {display:block;}
	#section-iconbox-1 p.box1 img {width:100%;}

    .bigTit, .bigTit1, .bigTit2, .cTit {display:none;}
	.com-intro {margin-bottom:50px;}
    .demo {background:#fff url(/image/bg_red.png) 50% 50%;min-width:auto;margin:0 auto;padding-bottom:0;}
	.demoBottom {padding-bottom:50px;background:url(/image/bg_red.png) 0px -360px no-repeat;}
	.demo-icon {margin-top:60px;text-align:center;}
	.partner {margin:50px auto 0 auto;text-align:center;}
	.ccTit {margin:70px auto 0 auto;width:90%;}
    .cCont {margin:40px auto 0 auto;width:90%;}
	.support {padding-top:50px;}
	.support .sLeft {display:none;}
	.support .sRight ul:first-child {border-top:1px solid #d5d5d5;}
    .support .sRight ul:last-child {border-bottom:1px solid #d5d5d5;}
	.support .sRight {clear:both;margin:30px auto 0 auto;float:none;}
	.support .sRight ul {width:95%;margin:0 auto;}
	.client .cLeft .cTitM {display:none;}
	.history {background:#fff;min-width:auto;margin:0 auto;}
	.hComM {display:block;}
	.hTree, .hCom, .hCont {display:none;}
	#Mhis {display:block;}
	/* #Mpro {display:block;}*/

}

