/* lg */ 
@media (min-width: 1200px) {
	/* Make Navigation Toggle on Desktop Hover */
	.dropdown:hover .dropdown-menu {
		display: block;
		-webkit-animation: fadeInUp 400ms;
		animation: fadeInUp 400ms;
	}

	#portfolio .row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.navbar-collapse {
		padding-right: 0px;  	
	}

	.navbar-nav > li{
		margin-left: 18px;
		margin-right: 18px;
		padding-bottom: 5px;
	}

	.navbar-nav{
		height: 37px;
	}

	.clsBannerScreen img { width: 624px; height: 453px;}
	.main_contents_thumnail {
		padding: 0; margin: 0;
		font-size:0; line-height:0;
		float: right;
		margin-right: 15px;
		width:23.5%;
		/*border:1px solid red;*/
	}
	.off .thumnail_diagonal_bg1, .off .thumnail_diagonal_bg2, .off .thumnail_diagonal_bg3 {
		position: absolute; left: 0; top: 0;
		/*border:1px solid red; */
		width: 100%; height: 151.5px;
		z-index: 999;
		background: url("../images/main/thumnail_bg_op80.png") 0 0 ;
	}
	.off .thumnail_diagonal_bg2 {top:150.5px;}
	.off .thumnail_diagonal_bg3 {top:301.5px;}
	.main_contents_thumnail img  { width: 100%; height: 150.5px;} /*201.5px*/
	.topLeftArea {
		margin-bottom: 20px;
	}
	.top_banner {
		padding: 30px 5px;
	}

	.row2_contents_main {
		width: 260px;
		margin: 0 20px;
	}

	.row3_contents .feature-wrap {
		margin-bottom: 40px;
	}
	.feature-wrap-line {
		margin-bottom: 40px;
	}

	.row4_1_contents, .row4_2_contents {
		padding:35px;
	}

	.bottom_map {
		margin: 0 38px;
	}

	.dataTy11 .view .comments #comments_contents {max-width: 600px; margin: 10px; float: left;}

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.container {
		width: 1000px;
		padding:0;
		margin:0;
	}
	/* Make Navigation Toggle on Desktop Hover */
	.dropdown:hover .dropdown-menu {
		display: block;
		-webkit-animation: fadeInUp 400ms;
		animation: fadeInUp 400ms;
	}

	.navbar-nav{
		/*width:700px;*/
		height: 37px;
		/*padding: 0 20px;*/
	}

	.navbar-nav > li {
		margin-left: 10px;
		margin-right: 10px;
	}

	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}

	.recent-work-wrap .recent-work-inner h3 a {
		font-size: 20px;
	}

	.recent-work-wrap .overlay{
		padding: 15px;
	}

	.services-wrap {
		padding: 40px 10px 40px 30px;
	}

	.feature-wrap h2, 
	.single-services h2 {
		font-size: 18px;
	}

	.feature-wrap h3, 
	.single-services h3{
		font-size: 14px;
	}

	.tab-wrap .media .parrent.pull-left{
		clear: both;
		width: 100%;
	}

	.tab-wrap .media .parrent.media-body{
		clear: both;
	}

	#portfolio .row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.recent-work-wrap .overlay .preview{
		line-height: inherit;
	}

	.team-bar .first-arrow {
		width: 21%;
	}

	.team-bar .second-arrow {
		width: 20%;
	}

	.team-bar .third-arrow {
		width: 21%;
	}

	.team-bar .fourth-arrow {
		width: 20%;
	}

	ul.social_icons li{
		margin-right: 0;
	}

	.clsBannerScreen img { width: 550px; height: 400px;}

	.dataTy12 .item {
		margin: 4px;
	}

	.main_contents_thumnail img  { width: 170px; height: 133px; }

}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	/* Make Navigation Toggle on Desktop Hover */
	.dropdown:hover .dropdown-menu {
		display: block;
		-webkit-animation: fadeInUp 400ms;
		animation: fadeInUp 400ms;
	}

	.toplogo {
		margin-top: 12px;
		width:150px;
	}

	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-header {
		margin-bottom: 30px;
	}
	.navbar-right {
		margin-left: 0px;
		padding-left: 0px;
	}

	.navbar-nav > li {
		margin-left: 0px;
		margin-right: 0px;
	}

	#main-slider .carousel h1 {
		font-size: 25px;
	}

	#main-slider .carousel h2 {
		font-size: 20px;
	}

	.tab-wrap .media .parrent.pull-left, 
	.media.accordion-inner .pull-left{
		clear: both;
		width: 100%;
	}

	.tab-wrap .media .parrent.media-body, 
	.media.accordion-inner .media-body{
		clear: both;
	}

	.services-wrap {
		padding: 40px 0 40px 30px;
	}

	.recent-work-wrap .overlay{
		padding: 15px;
	}

	.recent-work-wrap .recent-work-inner h3 a {
		font-size: 20px;
	}

	.sinlge-skill{
		width: 150px;
		height: 150px;
	} 

	.sinlge-skill p em {
		font-size: 25px;
	}

	.sinlge-skill p {
		font-size: 16px;
	}

	.team-bar .first-one-arrow {
		width: 2%;
	}

	.team-bar .first-arrow {
		width: 18%;
	}

	.team-bar .second-arrow {
		width: 24%;
	}

	.team-bar .third-arrow {
		width: 15%;
	}

	.team-bar .fourth-arrow {
		width: 20%;
	}

	.blog .blog-item .entry-meta > span a{
		font-size: 10px;
	}

	.dataTy12 .item {
		margin: 4px;
	}

	.main_contents_photo {
		/*padding-left: 16px;*/
		padding-left: 0px;
		margin-left: 7px;
		width:100%;
		overflow: visible;
	}
	.clsBannerScreen { margin-left: 50px;}
	.clsBannerScreen img, .cont11, .cont12, .cont13 { width: 624px; height: 453px; margin: 0 auto;}
	.main_contents_thumnail {
		padding: 0; margin: 0;
		font-size:0; line-height:0;
		float: right;
		margin-right: 15px;
		width:23.5%;
		/*border:1px solid red;*/
	}
	.off .thumnail_diagonal_bg1, .off .thumnail_diagonal_bg2, .off .thumnail_diagonal_bg3 {
		position: absolute; left: 105px; top: 0;
		/*border:1px solid red; */
		width: 170px; height: 133px;
		z-index: 999;
		background: url("../images/main/thumnail_bg_op80.png") 0 0 ;
	}
	.off .thumnail_diagonal_bg2 {left:285px;}
	.off .thumnail_diagonal_bg3 {left:465px;}
	.main_contents_thumnail {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 0px;
		padding: 0 0px 0 100px;		/*썸네일 아래로 떨어질 경우*/
		/*border:1px solid red;*/
	}
	.clsBannerButton li {
		width: 180px;
		float: left;
		/*border:1px solid red;*/
	}
	.main_contents_thumnail img  { width: 170px; height: 133px; }

	.row2_contents_main { width:100%; margin-top: 10px;}

	.row3_contents { margin-left: 15px; }
}

/* xs */
@media (max-width: 767px) {
	.container > .navbar-header, .container > .navbar-collapse{
		margin-left: 0;
	}

	.top-number{
		font-size: 14px;
	}

	input.search-form:hover {
		width: 120px;
	}

	.navbar-nav {
		padding: 0;
		margin: 20px 0;
	}

	.navbar-nav > li {
		padding-left: 30px;
		margin-left: 0px;
		margin-right: 0px;
		padding-bottom: 0;
		background:url(../images/top/topmenubg.png) 0 0 repeat-x #fff ;
	}

	#main-slider .carousel h1 {
		font-size: 25px;
	}

	#main-slider .carousel h2 {
		font-size: 16px;
	}

	.feature-wrap h2, 
	.single-services h2 {
		font-size: 18px;
	}

	.feature-wrap h3, 
	.single-services h3{
		font-size: 14px;
	}


	.media.accordion-inner .pull-left, 
	.media.accordion-inner .media-body{
		clear: both;
	}

	.accordion-inner h4 {
		margin-top: 10px;
	}

	.tab-wrap .media .pull-left{
		clear: both;
		width: 100%;
	}

	.tab-wrap .media .media-body{
		clear: both;
	}

	.nav-tabs > li.active > a:after{
		display: none;
	}

	#footer .col-sm-6{
		text-align:center;
	}

	#footer .pull-right{
		float: none !important;
	}

	.sinlge-skill {
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.team .single-profile-top, 
	.team .single-profile-bottom {
		margin-bottom: 30px;
	}

	.clients-area {
		padding: 60px 0;
	}

	.clients-area h1 {
		font-size: 25px;
	}

	.portfolio-item, 
	#recent-works .col-xs-12.col-sm-4.col-md-3{
		padding:0 15px;
	}

	ul.social_icons li{
		margin-right: 0;
	}

	.blog .blog-item .entry-meta{
		margin-bottom: 20px;
	}

	.blog .blog-item .blog-content h3 {
		margin-bottom: 20px;
	}

	.post_reply_comments {
		padding-left: 20px;
	}

	.main_contents_photo {
		/*padding-left: 16px;*/
		padding-left: 0px;
		margin-left: 7px;
		width:100%;
		overflow: visible;
	}
	.clsBannerScreen img, .cont11, .cont12, .cont13 { width: 365px; height: 265px;}
	.main_contents_thumnail {
		padding: 0; margin: 0;
		font-size:0; line-height:0;
		float: right;
		margin-right: 15px;
		width:23.5%;
		/*border:1px solid red;*/
	}
	.off .thumnail_diagonal_bg1, .off .thumnail_diagonal_bg2, .off .thumnail_diagonal_bg3 {
		position: absolute; left: 105px; top: 0;
		/*border:1px solid red; */
		width: 40px; height: 30px;
		z-index: 999;
		background: url("../images/main/thumnail_bg_op80.png") 0 0 ;
		/*border:1px solid red;*/
	}
	.off .thumnail_diagonal_bg2 {left:155px;}
	.off .thumnail_diagonal_bg3 {left:205px;}
	.main_contents_thumnail {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 0px;
		padding: 0 0px 0 100px;		/*썸네일 아래로 떨어질 경우*/
		/*border:1px solid red;*/
	}
	.clsBannerButton li {
		width: 50px;
		float: left;
		/*border:1px solid red;*/
	}
	.main_contents_thumnail img  { width: 40px; height: 30px; }

	.topLeftArea {
		margin-bottom: 20px;
	}
	.top_banner {
		padding: 30px 5px;
	}
	.black_line {
		z-index: 999;
		width:96%;
		position: absolute;
		bottom: 0; left: 0;
		margin-left: 0px;
		color:#fff;
		background: url("../images/main/black_bg_op80.png") 0 0 repeat;
		/*background-color: rgba(51,51,51,.80);*/
	}
	.ribon_text {
		margin: 0px;
	}
	.ribon_title {
		/*font-size: 26px;*/
		font-weight: normal;
		color:#fff;
		margin: 0px;
	}

	.row2_title {
		width: 100%;
		margin-bottom: 10px;
	}
	.row2_contents_main {
		width: 90%;
		margin: 10px 10px;
	}

	.row3_contents {
		margin-left: 20px;
	}

	.bottom_map {
		margin: 0 8px;
	}

	.cont6_5 { margin-top: 0px; }

	.dataTy11 table .contents { 
		vertical-align: middle;
	}

	.dataTy12 .item {
		margin: 4px;
		width: 98%;
	}

	#boardsearch-group { padding-top: 20px; }

	.dataTy11 .view .comments .tt_comments_contents {min-height: 200px;}
	.dataTy11 .view .comments .tt_password {margin-top: 20px;}
	.dataTy11 .view .comments #comments_name {max-width: 150px; float: none; }
	.dataTy11 .view .comments #comments_pwd {max-width: 150px; margin-top: 10px;}
	.dataTy11 .view .comments .comments_btn {margin-top: 0px;}
}

/* XS Portrait */
@media (max-width: 480px) {

}