@charset "utf-8";
/* CSS Document */

@media only screen and  (max-width:1700px)  { 
	.triangle {	transform: rotate(-5deg) translate(15px, 25px);}
	.inn-image-2 { left:40%;}
	.header-lang {	right: 1%;}
	
}

@media only screen and  (max-width:1600px)  { 
	.header {	height: 125px;}
	.font-xlarge {	font-size: 60px;}
	.triangle {	transform: rotate(-5deg) translate(15px, 41px);}
	.extra-pro-info-wrap li { font-size:32px;}
	.extra-pro-info-wrap li.orange-text {	font-size: 32px;}
	.header-lang, .otherpage-header .header-lang  {	right: 1%; top:5px; line-height: 1;}
	.shortheader .header-lang { top: 5px;}
}

@media only screen and  (max-width:1500px)  { 
	.fl-heading,.fl-hover .fl-heading  { font-size:44px;}
	.hb-posttext { font-weight:300;}
	.ochover-heading {	font-size: 40px;}
	.ochover-subheading { font-size:24px;}
	.ochover-extra {	font-size: 16px;}
	.hb-content {	font-size: 18px;	font-weight: 300;}
	.triangle {	transform: rotate(-5deg) translate(15px, 41px);}
	.font-xmedium {	font-size: 36px;}
	.oc-box .oc-heading { font-size:45px;}
	.collboxes {	padding: 5% 1%;}
	.ochover-content {		font-size: 18px;}
	.extra-pro-info-wrap {width: 70%;}
	.inn-image-2 {max-width: 400px;}
	.inn-image-1 {max-width: 600px;}
	.fil-tab {	padding: 0 20px 0 10px;}
	
}

@media only screen and  (max-width:1400px)  { 
	.triangle {	transform: rotate(-5deg) translate(15px, 45px);}
	.homedivider { height:100px;}
	
	.fl-box-1 { top:0; left:0; width:33.8%}
	.fl-box-1 .floatingbox { padding-bottom:61.8%;}
	.collection-name {		max-width: 50%;}
	.slidertext { width:500px; font-size:48px;}
	
}

@media only screen and  (max-width:1300px)  { 
	.largetext-design {    font-size: 160px;}
	.ci-content {	line-height: 1.3;}
	.deco-image {	text-align: right;}
	.pf-textbox {	margin-top: 2%;}
	.pf-left.pf-textbox .pf-content {	padding-left: 10%;}
	.pf-right.pf-textbox .pf-content {	padding-right: 10%;}
	.font-xlarge {	font-size: 50px;}
	.pf-content {	margin: 1% 0;	line-height: 1.3;}
	.ochover-content {	font-size: 16px;}
	.triangle {	transform: rotate(-5deg) translate(11px, 58px);}
	.dd-featurelist-wrap { max-width:1190px;}
	.header {	height: 100px;}
	.coll-box {	padding: 0 15px;	margin-bottom: 30px;}
	.fil-tab {	padding: 0 35px; height: 120px;}
	.search-tab { height:120px;}
	.font-xmedium {	font-size: 32px;}
	.tt-box-wrap {	padding: 2%;}
	.diabox-heading.font-large, .diaboxhover-text { font-size:48px;}
	.dc-subtitle { font-size:24px;}
	.diabox-heading:after {	border-width: 195px 170px 0 0;}
	.inn-image-2 {max-width: 300px;}
	.inn-image-1 {max-width: 500px;}
	.hb-box .oc-box .oc-heading {	font-size: 28px; bottom: 20px;right: 20px;}
}

/*------major breakpoint-----*/
@media only screen and  (max-width:1200px)  { 
	
	.dd-featurelist-wrap { max-width:1090px;}
	.inn-image-2, .inn-image-1 {	max-width: inherit;	position: relative;	top: auto;	left: auto;	width: 100%;}
	.inn-content-1 {	margin: 70px 0% 5% 10%;	min-height: inherit;}
	.inn-img-wrap { padding-bottom:0}
	
}

@media only screen and  (max-width:1100px)  { 
	
	.dd-featurelist-wrap { max-width:1010px;}
	.oc-heading {	margin-bottom: 30px;}
	.triangle {	transform: rotate(-5deg) translate(11px, 82px);}
	.fil-tab {	padding: 0 15px;}
	.coll-box { width:50%;}
	.extra-pro-info-wrap { position:relative;	width: 100%; border-top: 1px #eaeaea solid;}
	.single-maintitle { float:none; width:100%; margin:20px 0; text-align: left; display:block;}
	.single-maincontent {float:none; width:100%; margin:20px 0; display:block;}
	.goback {	padding-right: 20px;}
	.single-sub-menu { font-size:24px;}
	.sug-comp-title {    width: 100%; float:none; margin-bottom:20px;  padding: 10px;}
	.comp-box {	width: 100%;	float: none;	border-left: none;	padding: 10px;}
	.tf-box-wrap{	padding: 2%;}
	.cat-detail {	margin-right: 20px;	max-width: 90px; word-wrap: break-word;}
	.cat-title {    font-size: 14px;}
	.tech-table-title {float: none;	width: 100%; text-align: center}
	.tech-table-detail {	width: 100%;	float: none; border-left: none; }
	.tect-table-row ul li {    height: 40px;}
	.tect-table-heading ul li { border-top:1px #eaeaea solid;}
	.tech-table-title span { display: inline-block; padding: 0 5px;}
	.tech-table-title br { display: none;}
	.down-img-2 {	margin-right: 0; width:50%; padding-top: 0}
	.down-img-1 { width:50%; padding-top: 0}
	.down-img img { width:100%; height:auto;}
	.dp-pie {	width: 33%;}
	.single-post .extra-pro-info-wrap { position:absolute; width: 300px;	padding: 0px;}
	.postcontent {	padding: 3% 5%;}
	.slidertext {	width: 400px;	font-size: 32px;}
	.diabox-heading:after { display:none;}
	.dc-subtitle { min-height: inherit;	font-size: 20px;}
	.diabox-heading.font-large, .diaboxhover-text {	font-size: 36px;}
}

@media only screen and  (max-width:1025px)  { 
	
	.font-xlarge {	font-size: 40px;}
	body { font-size:18px;}
	.dd-featurelist-wrap { max-width:900px;}
	.pf-right, .pf-left {	width: 50%;}
	.fl-heading, .fl-hover .fl-heading {	font-size: 28px;}
	.font-small {	font-size: 15px;}
	
	.oc-boxes { padding:1%;}
	.ochover-heading {	font-size: 28px;}
	.ochover-extra {	font-size: 12px;}
	.hb-box {	width: 46%;}
	.hb-content {	width: 50%;}.fl-hover .fl-heading { display:none;}
	.footer-logo, .footer-rightside {	width: 100%; float: none; margin-bottom: 20px;}
	.footer-logo { max-width:100%; text-align: center;}
	.footer-menu ul {	text-align: left;	border-right: none;}
	.largetext-design {	font-size: 100px;}
	.addwrap .contactleft {	width: 40%;}
	.addwrap .contactright { width:60%;}
	.lay1-iconwrap { width:15%;}
	.fil-tab {	word-wrap: anywhere;}
	

}

@media only screen and  (max-width:1000px)  { 
	.dd-featurelist-wrap { max-width:98%;}
	.cat-detail {	max-width: 50px;}
	.cat-detail img {	max-width: 100%;}
}

/*------major breakpoint-----*/
@media only screen and  (max-width:991px)  { 
	.ci-left, .ci-right { width:50%;}
	.ci-left { padding-right:3%;}
	.fl-box { position:static; width: 50%; float:left}
	.fl-box .floatingbox {    padding-bottom: 66.66% !important;}
	.dd-featurelist-wrap>  .floatingbox { position: static; padding-bottom: 0 !important; height: auto;	}
	.dd-featurelist-wrap>  .floatingbox> .adjustbox { position:static;}
	.fl-hover .fl-heading {	display: block;}
	.oc-boxes {	padding: 2% 10%;}
	.oc-box {	width: 98%;	float: none;	overflow: hidden; margin: 3% 1% !important;}
	.wl-icon {	max-width: 100px;margin: 20px auto;}
	.wl-content {	width: 80%;}
	.oc-box.coll-box {	width: 50%; margin: 1% 0 !important; float:left; padding: 0 1%;}
	.post-nav-left, .post-nav-right { display:none;}
	.post-maintitle {display: block;	padding: 0% 5% 0;	letter-spacing: -3px;	font-weight: bold;}
	.content-col {    column-count: 1;}
	.dc-subtitle { min-height: inherit;	font-size: 18px;}
	.diabox-heading.font-large, .diaboxhover-text {	font-size: 32px;}
	.ab-left, .ab-right { float:none; width:100% !important;}
	.ab-left.pf-textbox .pf-heading {	text-align: left;}
	.ab-left.pf-textbox .pf-content {	text-align: left;}
	.mc-content { column-count: 1;}
	.inn-left, .inn-right {	width: 100%;	float:none;}
	.inn-content-1, .inn-content-2 { margin:5%; padding:0;}
	.inn-content-1 .pf-heading, .inn-content-2 .pf-heading {	margin-bottom: 20px;}
	.inn-content-1.side-bar-right:before { display:none;}
	.hb-box .oc-box.coll-box { width:100%; float:none;}
}

@media only screen and  (max-width:841px)  { 
	body { font-size:16px;}
	.ci-left, .ci-right {	width: 100%;	margin: 20px 0; float: none;}
	.ci-middle {	display: none;}
	.ci-lower .ci-right.side-bar-left { padding-left:6%;}
.ci-lower .ci-right.side-bar-left:before { display:inline-block;}
	.ci-lower .ci-right {	max-width: 100%;	float: none; margin-top: 20px;}
	.pf-right, .pf-left {	width: 100%; float:none;}
	.pf-upper .pf-left{		display: none;}
	.pf-left.pf-textbox {	text-align: left;	padding-left: 5%;}
	.pf-left.pf-textbox .pf-content {	padding-left: 0;}
	.wl-icon {	max-width: 50px;}
	.wl-icon img { width:100%; height: auto;}
	.dd-content, .dd-heading { width:100%; float:none; margin-bottom: 20px; text-align: left;}
	.wrap--fc >  .floatingbox { position: static; padding-bottom: 0 !important; height: auto;	}
	.wrap--fc >  .floatingbox > .adjustbox { position:static;}
	
	.fc-contentbox>  .floatingbox { position: static; padding-bottom: 0 !important; height: auto;	}
	.fc-contentbox >  .floatingbox > .adjustbox { position:static; background-size: contain;}
	
	.fc-contentbox { position:static; width: 100%;}
	.fc-sidebanner, .fc-otherimage1, .fc-otherimage2 { position:static; float:left;}
	.fc-sidebanner, .fc-otherimage1 { width:50%;}
	.triangle {	transform: rotate(-5deg) translate(11px, 100px);}
	.homedivider {	height: 50px;}
	.footer-menu-box, .footer-social {	float: none;	width: 100%; text-align: center}
	.footer-menu ul {	text-align: center;}
	.termbox {	width: 33%;	padding: 1%;}
	.allpro-block {	padding: 3%;}
	.font-xmedium {	font-size: 28px;}
	.extra-pro-info-wrap li {	padding: 2%;}
	.tech-table-wrap { overflow:scroll;}
	.tech-table-detail { width:800px;}
	.contactleft, .contactright { width:100%; }
	.contactmap {	height: 300px;}
	
	.headerlinks { display:none;}
	.termbox {	width: 30%;}
	
}

@media only screen and  (max-width:769px)  { 
	
	.wrap--withoutlimit >  .floatingbox { position: static; padding-bottom: 0 !important; height: auto;	}
	.wrap--withoutlimit >  .floatingbox > .adjustbox { position:static; padding:50px 0;}
	.oc-box .oc-heading { font-size:45px;}
	.search-field {	position: static;	transform: translateX(0);	height: 120px; width:80%; float: left; z-index: 10}
	.fil-tab { width:50%; border-bottom: 1px #eaeaea solid;}
	.closesearch { display:none;}
	.search-tab{	 width:20%;}
	.extra-pro-info-wrap li {	width: 48%;}
	.extra-pro-info-wrap li{border-bottom: 1px #eaeaea solid;}
	.single-sub-menu ul li {	width: 33.33%; border: 1px #ccc solid;margin: -1px;}
	.single-sub-menu ul li:nth-child(4), .single-sub-menu ul li:nth-child(5) {	width: 50%;}
	.gc-detailbox {	width: 100%;	float: none;}
	.tab-content {	padding: 0% 0;}
	.gc-img-3 { display:none;}
	.single-sub-menu {	font-size: 22px; overflow: hidden;}
	.gc-wrap {	padding-bottom: 20px;}
	.gama-title {	margin-top: 5%;}
	.gama-detailbox, .gama-layout-box {	float: none;	width: 100%;}
	.gama-sideimage-box1 {	float: none;	width: 100%;}
	.gama-sideimage-1, .gama-sideimage-3 { display:none;}
	.gama-lower-image-wrap {	width: 100%;	float: none; margin-top: 10px;}
	.sug-title {    text-align: left;    padding-left: 6%;}
	.side-bar-right:before { display:none;}
	.gama-suggestion-wrap {    float: none;    width: 100%;    margin-top: 50px;}
	.sug-comp-title { text-align:left; padding-left:6%}
	.dp-pie {	width: 50%;}
	.dp-title, .tf-title, .dw-title { margin-top:5%;}
	.addwrap .contactleft,	.addwrap .contactright { width:100%; float:none;}
	.contact-image {	width: 50%;}
	.slider-heading, .slider-text, .slider-button { max-width:90%; margin: 5%;}
	.dia-slidertext { padding:15px 10px; font-size:32px;}
	.gc-img-1,.gc-img-2 { max-height:350px; overflow: hidden;}
	.file-list-box {    max-width: 80% !important;}
	.tf-box-wrap {	padding: 2% 2% 2% 7%;}
	.pf-textbox {	margin-top: 6%;}
	.pf-textbox .pf-heading {	margin-bottom: 20px;}
	.pf-upper .pf-right.pf-textbox {	padding-left: 6%;}
	.dd-content {	padding: 0px 6%;}
	.single-maininfo-wrap {	padding: 45px 7%; border: none;}
	.single-maincontent {	border-left: 0;	padding-left: 0;}
	.ab-right.firstboxside {	margin-top: 6%;	margin-bottom: 6%; padding:0 6%}
	.pf-textbox .pf-heading {	padding-left: 0%;}
	.ab-right.pf-textbox, .ab-left.pf-textbox {	padding: 6%;}
	.middle-content-wrap {	padding: 6%;}
	.mc-heading {	margin-bottom: 20px;}
	.middle-content-wrap .container { padding:0;}
	.inn-content-1.side-bar-right {	padding: 6%;	margin: 0;}
	.inn-content-1 .pf-heading, .inn-content-2 .pf-heading  { padding: 0}
	 .inn-content-2 {	margin: 0;	padding: 6%;}
	.file-list-box ul li img {	float: left;	margin-right: 20px;}
	.shortheader .header-lang {	top: 5px;}
	.header-lang, .otherpage-header .header-lang {	right: 1%;	top: 5px;}
	
}

@media only screen and  (max-width:641px)  { 
	.side-bar-left:before, .side-bar-right:before, .ci-lower .ci-right.side-bar-left:before { display: none;}
	.side-bar-left, .side-bar-right, .pf-heading, .pf-upper .pf-right.pf-textbox .pf-content { padding:0 6%;}
	.pf-upper .pf-right.pf-textbox .pf-content { padding:0;}
	.dd-content { column-count:1}
	.fl-box {		width: 90%;	float: none;	margin: auto;}
	.hb-box {	width: 96%;}
	.hb-headingbox {    position: static;}
	.hb-content, .hb-button { width:100%; padding: 2% 3%;}
	.hb-box-0 { display:none;}
	.triangle, .homedivider { display:none;}
	.oc-box.coll-box {		width: 100%;}
	.file-list-box {	max-width: 90%;	}
	.gc-content {	padding: 0 5% 50px 5%;	width:auto;	}
	.fil-tab {	font-size: 20px; letter-spacing: 0}
	.single-maintitle {	letter-spacing: 0px;}
	.single-maincontent {	font-size: 18px;}
	.single-post .extra-pro-info-wrap {	position: relative;	width: 100%; text-align: center}
	.extra-pro-info-wrap li .post-date, .extra-pro-info-wrap li .post-month, .extra-pro-info-wrap li .post-year { font-size:24px;}
	.slidertext {	width: 350px;}
	.middletitle {font-size:32px; padding: 3%; margin-bottom: 0;}
	.middlecontent { padding:3%;}
	.dia-box { width:100%; float:none; padding:10px; margin: 0;}
	.block--ci { padding-top:0;}
	.ci-right { margin-top:0;}
	
	.pf-left.pf-textbox {	padding-left: 6%;}
	
	.pf-textbox .pf-heading.pfheadingfix { padding-left:0;}
	.pf-right.pf-textbox {	padding-left: 6%;}
	.dd-content {	padding: 0 6%;}
	.adjustlayout2 { margin:0}
	.pf-upper .pf-right.pf-textbox {	padding: 0 6%;}
	.ci-lower .ci-right.side-bar-left {	padding: 6%;	margin: 0;}
	.pf-right.pf-textbox .pf-content {    padding-right: 6%;}
	.hb-content, .hb-button {	padding: 6%;}
	.hb-button  { padding-top:0;}
	.menu-social-icon {	text-align: left; padding: 0; }
	.menu-social-icon li { font-size:23px; margin: 0;}
} 

@media only screen and  (max-width:580px)  { 
	.footer-menu { width:90%;}
	.tf-box-left, .tf-box-right {    float: none;    width: 100%; padding:10px 0;}
	.footer-menu ul li {    display: block;}
	.font-xmedium.post-maintitle {  font-size:20px;}
	.shortheader .logo {	max-width: 280px;}
	.logo {    max-width: 230px;}
	.otherpage-header .logo {	max-width: 230px;}
	.footer-logo {	max-width: 100%;}
	.dia-slidertext { font-size:28px;}
	.file-list-box {    max-width: 100% !important;}
	.downtitle, .mainlinkwrap { font-size:20px;}
}

/*------major breakpoint-----*/
@media only screen and  (max-width:481px)  { 
	.font-xlarge, .oc-box .oc-heading {	font-size: 30px;}
	.fc-content {	width: 90%;	margin: 3% 5%;}
	.oc-boxes { padding:2%;}
	.fil-tab { width:100%; height:80px;}
	.fil-tab strong { display:inline-block; padding:0 5px;}
	.search-tab, .search-field {	height: 80px;}
	.se-form, #search {	font-size: 28px;}
	.termbox {	width: 46%;}
	.footer-menu ul li {	display: block;}
	.extra-pro-info-wrap li {	width: 100%;}
	.single-sub-menu ul li {	width: 100% !important	;}
	.dp-pie {	width: 100%;}
	.address-wrap {	padding: 2%;}
	.address-table tr td {	display: block;	text-align: center;}
	.soli {	text-align: center;}
	.cf-bb input[type="submit"] {	font-size: 20px;}
	.address-heading {	text-align: center; margin-top:10px;}
	.slidertext {	width: 90%;	text-align: center;	margin: auto; left: 5%; font-size:18px;}
	.modelinner ul li {	margin-right: 20px;}
	.dia-slidertext { font-size:20px;}
	.term-post {	text-align: center;}
	.single-maininfo-wrap { overflow:hidden;}
	.modelinner { text-align:center;}
	
}

/* for iphone 6*/
@media only screen and  (max-width:420px)  { 
	.shortheader .logo {	max-width: 160px;}
	.mobmenu { margin-top:0}
	.headersearch { top:0}
	.fl-box .floatingbox {	padding-bottom: 100% !important;}
	.heading { letter-spacing:-1px;}
	.logo { max-width:150px;}
	.mobmenu {	max-width: 40px;}
	
}

@media only screen and  (max-width:361px)  {  
	.termbox {	width: 100%;}
	
	.otherpage-header .logo {	max-width: 150px;}
	
}

@media only screen and  (max-width:321px)  { 
	
}