/* Table of Content
==================================================
	1.0 - Title
	1.1 - Default Colors
	1.2 - Responsive*/	
	

	/*--------------------------------------------------------------
	1.0 - Title
	--------------------------------------------------------------*/
	.dt-sc-title { position:relative; clear:both; float:left; }
	.aligncenter .dt-sc-title { text-align:center; width:100%; }
	
	.dt-sc-title.with-two-color-bg { margin-bottom:60px; }
	.dt-sc-title.with-two-color-bg:before { content:""; position:absolute; left:-20px; top:0px; width:100%; height:100%; -webkit-transform:skewX(-30deg); transform:skewX(-30deg); -ms-transform:skewX(-30deg); }
	
	.dt-sc-title.with-two-color-bg:after { content:""; height:100%; top:0px; right:114%; right:-webkit-calc(100% + 30px); right:-moz-calc(100% + 30px); right:calc(100% + 30px); position:absolute; -ms-transform:skewX(-30deg); -webkit-transform:skewX(-30deg); transform:skewX(-30deg); width:9000px; }	
	
	.dt-sc-title.with-two-color-bg h2 { padding:25px 30px 23px 10px; position:relative; z-index:1; margin:0px; left:10px; }
	
	.body-bg.dt-sc-title.script-with-sub-title { padding-bottom: 50px; margin-bottom: 0; background: #fff; }
	
	.dt-sc-title.script-with-sub-title { margin-bottom: 50px; width: 100%; float: none; display: inline-block; }
	.dt-sc-title.script-with-sub-title h2, .dt-sc-title.script-with-sub-title h3, .dt-sc-title.script-with-sub-title h4 { font-weight: 100; margin-bottom: 5px; }
	.dt-sc-title.script-with-sub-title strong { font-weight: 900; }
	.dt-sc-title.script-with-sub-title h5 { margin-bottom: 0; }
	
	.dt-sc-title.script-with-sub-title.with-separator { position: relative; padding-bottom: 50px; text-align: center; margin-bottom: 70px; }
	.dt-sc-title.script-with-sub-title.with-separator:before { content: ""; position: absolute; display: block; bottom: 13px; left: 0px; right: 0; display: block; margin: 0 auto; width: 100px; height: 3px; box-shadow: 0 0 1px black;  }
	
	.dt-sc-title.script-with-sub-title.with-separator:after { content: "\f207"; position: absolute; display: block; display: inline-block\9; bottom: -5px; left: 0; right: 0; margin: 0 auto; width: 40px; height: 40px; box-shadow: 0 0 1px black; -moz-box-shadow: 0 0 1px black; -webkit-box-shadow: 0 0 1px black; -ms-box-shadow: 0 0 1px black;  border-radius: 50%; line-height: 40px; font-family: Material-Design-Iconic-Font; font-size: 22px; background: #fff; text-align: center; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; -webkit-animation-name: fade; -webkit-animation-duration: 10s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: fade; -moz-animation-duration: 10s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -o-animation-name: fade; -o-animation-duration: 10s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; animation-name: fade; animation-duration: 10s; animation-iteration-count: infinite; animation-timing-function: linear; -ms-animation-name: fade; -ms-animation-duration: 10s; 	-ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; }

@-webkit-keyframes fade { 0% { content: "\f14b"; } 10% { content: "\f141"; } 20% { content: "\f142"; }	30% { content: "\f143"; }	40% { content: "\f144"; }	50% { content: "\f145"; }	60% { content: "\f146"; }	70% { content: "\f147"; }	80% { content: "\f148"; }	90% { content: "\f14a"; }	100% { content: "\f14b"; } }
@-moz-keyframes fade { 0% { content: "\f14b"; }	10% { content: "\f141"; } 20% { content: "\f142"; }	30% { content: "\f143"; }	40% { content: "\f144"; }	50% { content: "\f145"; }	60% { content: "\f146"; }	70% { content: "\f147"; }	80% { content: "\f148"; }	90% { content: "\f14a"; }	100% { content: "\f14b"; } }
@-o-keyframes fade { 0% { content: "\f14b"; }	10% { content: "\f141"; } 20% { content: "\f142"; }	30% { content: "\f143"; }	40% { content: "\f144"; }	50% { content: "\f145"; }	60% { content: "\f146"; }	70% { content: "\f147"; }	80% { content: "\f148"; }	90% { content: "\f14a"; }	100% { content: "\f14b"; } }
@-ms-keyframes fade { 0% { content: "\f14b"; }	10% { content: "\f141"; } 20% { content: "\f142"; }	30% { content: "\f143"; }	40% { content: "\f144"; }	50% { content: "\f145"; }	60% { content: "\f146"; }	70% { content: "\f147"; }	80% { content: "\f148"; }	90% { content: "\f14a"; }	100% { content: "\f14b"; } }
@keyframes fade { 0% { content: "\f14b"; }	10% { content: "\f141"; } 20% { content: "\f142"; }	30% { content: "\f143"; }	40% { content: "\f144"; }	50% { content: "\f145"; }	60% { content: "\f146"; }	70% { content: "\f147"; }	80% { content: "\f148"; }	90% { content: "\f14a"; }	100% { content: "\f14b"; } }

	.dt-sc-title.script-with-sub-title.with-separator strong { -webkit-text-fill-color: transparent;  background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-image: -webkit-linear-gradient(transparent, transparent), url(../../images/iconbox-bg.gif); background-position: left; background-size: 125%; float: none; display: inline-block; }
	
	
	
	
	.skin-highlight .dt-sc-title.script-with-sub-title.with-separator:before, .dt-sc-dark-bg .dt-sc-title.script-with-sub-title.with-separator:before { box-shadow: 0 0 1px white; -moz-box-shadow: 0 0 1px white; -webkit-box-shadow: 0 0 1px white; -ms-box-shadow: 0 0 1px white; }
	
	.dt-sc-title.script-with-sub-title.with-separator.alignleft { text-align: left; }
	.dt-sc-title.script-with-sub-title.with-separator.alignright { text-align: right; }
	
	.dt-sc-title.script-with-sub-title.with-separator.alignleft:after, .dt-sc-title.script-with-sub-title.with-separator.alignleft:before { left: 0; right: auto; }
	.dt-sc-title.script-with-sub-title.with-separator.alignright:after, .dt-sc-title.script-with-sub-title.with-separator.alignright:before { right: 0; left: auto; }
	
	.dt-sc-title.script-with-sub-title.bold h1:first-child, .dt-sc-title.script-with-sub-title.bold h2:first-child, .dt-sc-title.script-with-sub-title.bold h3:first-child, .dt-sc-title.script-with-sub-title.bold h4:first-child, .dt-sc-title.script-with-sub-title.bold h5:first-child, .dt-sc-title.script-with-sub-title.bold h6:first-child { font-weight: 800; }
	
	
	.dt-sc-title.script-with-sub-title.no-margin-bottom { margin-bottom: 0; }
	.dt-sc-title.script-with-sub-title.margin-bottom-medium { margin-bottom: 25px; }
	.dt-sc-title.script-with-sub-title.margin-bottom-medium h1:first-child, .dt-sc-title.script-with-sub-title.margin-bottom-medium h2:first-child,	.dt-sc-title.script-with-sub-title.margin-bottom-medium h3:first-child, .dt-sc-title.script-with-sub-title.margin-bottom-medium h4:first-child,	.dt-sc-title.script-with-sub-title.margin-bottom-medium h5:first-child, .dt-sc-title.script-with-sub-title.margin-bottom-medium h6:first-child { margin-bottom: 25px; }
	
	.dt-sc-title.with-two-border h2 { position:relative; display:inline-block; }
	.dt-sc-title.with-two-border h2:before, .dt-sc-title.with-two-border h2:after { content: ""; position: absolute; top: 50%; width: 80px; height: 2px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
	.dt-sc-title.with-two-border h2:before { left:-100px; }
	.dt-sc-title.with-two-border h2:after { right:-99px; }
	
	.dt-sc-title.with-sub-title h2 { margin-bottom:10px; font-weight: 900; }
	.dt-sc-title.with-sub-title h3 { font-size:14px; letter-spacing:1px; }
	
	.dt-sc-title.with-two-border.with-sub-title h2:before, .dt-sc-title.with-two-border.with-sub-title h2:after { display: none; }
	
	.dt-sc-title.with-two-border.with-sub-title h1, .dt-sc-title.with-two-border.with-sub-title h2, .dt-sc-title.with-two-border.with-sub-title h3 { width: 100%; }
	.dt-sc-title.with-two-border.with-sub-title h4, .dt-sc-title.with-two-border.with-sub-title h5, .dt-sc-title.with-two-border.with-sub-title h6 { position: relative; width: auto; float: none; display: inline-block; }
	
	.dt-sc-title.with-two-border.with-sub-title h4:before, .dt-sc-title.with-two-border.with-sub-title h4:after, .dt-sc-title.with-two-border.with-sub-title h5:before, .dt-sc-title.with-two-border.with-sub-title h5:after,
	.dt-sc-title.with-two-border.with-sub-title h6:before, .dt-sc-title.with-two-border.with-sub-title h6:after { content: ""; position: absolute; top: 50%; width: 10px; height: 2px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); background: #fff; }
	
	.dt-sc-title.with-two-border.with-sub-title h4:before, .dt-sc-title.with-two-border.with-sub-title h5:before, .dt-sc-title.with-two-border.with-sub-title h6:before { left: -15px; }
	.dt-sc-title.with-two-border.with-sub-title h4:after, .dt-sc-title.with-two-border.with-sub-title h5:after, .dt-sc-title.with-two-border.with-sub-title h6:after { right: -15px; }
	
	.dt-sc-title.with-two-color-stripe { position:relative; width:100%; margin:0px 0px 50px; }
	.dt-sc-title.with-two-color-stripe:before { content:""; height:100%; top:0px; right:103%;  right:-webkit-calc(100% + 30px); right:-moz-calc(100% + 30px); right:calc(100% + 30px); position:absolute; -ms-transform:skewX(-30deg); -webkit-transform:skewX(-30deg); transform:skewX(-30deg); width:9000px; }
	.dt-sc-title.with-two-color-stripe:after { content:""; height:100%; top:0px; left:103%;  left:-webkit-calc(100% + 30px); left:-moz-calc(100% + 30px); left:calc(100% + 30px); position:absolute; -ms-transform:skewX(-30deg); -webkit-transform:skewX(-30deg); transform:skewX(-30deg); width:9000px; }
	.dt-sc-title.with-two-color-stripe h3 { font-size:20px; margin:40px 0px -5px; letter-spacing:1px; float:left; }
	.dt-sc-title.with-two-color-stripe h2 { font-size:34px; font-weight:900; letter-spacing:2px; float:left; clear:both; margin-bottom:0px; }
	.dt-sc-title.with-two-color-stripe h5 { float:left; position:relative; padding:50px 0px 40px 100px; margin:-50px 0px 0px; }
	.dt-sc-title.with-two-color-stripe h5:before { content:""; position:absolute; left:57px; height:100%; width:1px; top:-5px; -webkit-transform:skewX(-30deg); transform:skewX(-30deg); -ms-transform:skewX(-30deg); }
	
	.dt-sc-title.with-right-border-decor { float:left; clear:both; width:100%; margin:0px; padding:0 0 0 50px; border-left-width: 3px; border-left-style: solid; position: relative; }
	.dt-sc-title.with-right-border-decor:before { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border-radius: 50% 50% 50% 0; content: ""; display: block; height: 20px; left: -11px; position: absolute; top: 0; transform: rotate(-45deg); width: 20px; }
.dt-sc-title.with-right-border-decor:after { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); border-radius: 50% 50% 50% 0; bottom: 0; content: ""; display: block; height: 20px; left: -11px; position: absolute; transform: rotate(135deg); width: 20px; }
	
	.dt-sc-title.with-right-border-decor > * { width: 100%; }
	.dt-sc-title.with-right-border-decor > *:first-child { margin: 0 0 25px; padding-bottom: 25px; line-height:32px; position:relative; }
	.dt-sc-title.with-right-border-decor > *:first-child:after { content:""; display: block; position:absolute; left: 0; bottom: 0; width: 45px; height:3px; }
	.dt-sc-title.with-right-border-decor p { font-size:18px; color: #cacaca; margin-bottom: 10px; font-weight: 600; }
	.dt-sc-title.with-right-border-decor .dt-sc-button { margin-top:15px; clear:both; }
		
	.aligncenter .dt-sc-title.with-right-border-decor > *:first-child:after, .dt-sc-title.with-right-border-decor.aligncenter > *:first-child:after { right: 0; margin: 0 auto; }
	.alignright .dt-sc-title.with-right-border-decor > *:first-child:after, .dt-sc-title.with-right-border-decor.alignright > *:first-child:after { left: auto; right: 0; }
	
	.dt-sc-title.with-right-border-decor.alignright > * { text-align: right; float: right; }
	.dt-sc-title.with-right-border-decor.aligncenter > * { text-align: center; float: none; display: inline-block; }
	
	.dt-sc-title.with-boxed { width:100%; height:100%; text-align:center; text-transform:uppercase; }
	.dt-sc-title.with-boxed h2 span { font-size:48px; display:block; padding-bottom:20px; margin-bottom:0px; }
	.dt-sc-title.with-boxed h2 { position:absolute; left:0px; right:0px; bottom:0px; top:0px; margin:auto; height:120px; }
	
	.dt-sc-photography-style:before { content:""; position:absolute; left:-20px; top:-20px; width:100%; height:100%; z-index:-1; }
	.dt-sc-photography-style.alter:before { left:inherit; right:-20px; bottom:-20px; top:inherit; }
	
	.dt-sc-triangle-title { float:left; clear:both; width:370px; height:500px; text-align:center; position:relative; } 
	.dt-sc-triangle-title:before { content:""; position:absolute; left:0px; right:0px; margin:auto; top:100px; width:310px; height:310px; transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg); -webkit-transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg); -ms-transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg); }
	.dt-sc-triangle-title:after { content:""; position:absolute; left:0px; right:0px; margin:auto; top:111px; width:290px; height:290px; transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg); -webkit-transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg); -ms-transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg); }
	.dt-sc-triangle-title h2 { margin: 200px 0px 10px; position: relative; z-index: 9; font-size: 26px; font-weight: 900; }
	.dt-sc-triangle-title p { font-size:12px; line-height:24px; position:relative; z-index:9; }
	.dt-sc-triangle-title h2, .dt-sc-triangle-title p { color:#fff; }
	
	.dt-sc-ribbon-title { display:inline-block; text-align:center; font-size:30px; background:url(../../images/ribbon.png) no-repeat; width:500px; height:106px; letter-spacing:1px; text-transform:uppercase; line-height:55px; }
	
	.dt-sc-title.split-title { overflow: hidden; float: left; width: 100%; }
	.dt-sc-title.split-title .split-title-content { margin-bottom: 30px; position: relative; clear: both; float: left; }
	.dt-sc-title.split-title .split-title-content:before { content:""; position:absolute; right:-16px; top:0px; width:100%; height:100%; -webkit-transform:skewX(30deg); transform:skewX(30deg); -ms-transform:skewX(30deg); }
	.dt-sc-title.split-title .split-title-content:after { content:""; height:100%; top:0px; left:114%; left:-webkit-calc(100% - -26px); left:-moz-calc(100% - -26px); left:calc(100% - -26px); position:absolute; -ms-transform:skewX(30deg); -webkit-transform:skewX(30deg); transform:skewX(30deg); width:9000px; background:#f3f3f3; }
	.dt-sc-title.split-title .split-title-content * { padding:17px 10px 15px 20px; position:relative; z-index:1; margin:0px; left:0px; font-size:16px; text-transform:uppercase; }
	.dt-sc-title.split-title .split-title-content * { color:#fff; }
	
	.dt-sc-title.split2-title { overflow: hidden; float: left; width: 100%; }
	.dt-sc-title.split2-title .split2-title-content { margin-bottom:30px; position: relative; clear: both; float: left; }
	.dt-sc-title.split2-title .split2-title-content:after { background:url(../../images/title-pattern.png) repeat; content:""; height:100%; top:0px; left:100%; position:absolute; width:9000px; }	
	.dt-sc-title.split2-title .split2-title-content h2 { background:#000; padding:12px 15px; position:relative; z-index:1; margin:0px; left:0px; font-size:16px; text-transform:uppercase; }
	.dt-sc-title.split2-title .split2-title-content * { color:#fff; }
	
			
	/*--------------------------------------------------------------
	1.1 - Default Colors
	--------------------------------------------------------------*/	
	.dt-sc-title.with-two-color-stripe h5 { color:rgba(0, 0, 0, 0.3); }
	.dt-sc-dark-bg.skin-color .dt-sc-title.script-with-sub-title h2, .dt-sc-title.with-two-color-bg h2, .dt-sc-title.with-boxed h2, .dt-sc-title.with-boxed h2 a { color:#ffffff; }	
	.dt-sc-title.with-boxed h2 a:hover { color:rgba(0, 0, 0, 0.2); }
	
	.dt-sc-title.with-two-color-stripe:after { background:rgba(0, 0, 0, 0.1); }
	.dt-sc-title.with-two-color-stripe h5:before { background:rgba(0, 0, 0, 0.2); }
	.dt-sc-title.with-two-color-stripe:after { background:#e6e6e8; }
	
	.dt-sc-title.with-two-border h2:before, .dt-sc-title.with-two-border h2:after { background:#000000; }
	.dt-sc-dark-bg .dt-sc-title.with-two-border h2:before, .dt-sc-dark-bg .dt-sc-title.with-two-border h2:after { background:#ffffff; }
	
	.dt-sc-title.with-two-color-bg:before, .dt-sc-title.with-two-color-bg h2 { background:#000000; }
	
	.dt-sc-photography-style:before { background:#000000; }
	
	
	@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
		.dt-sc-triangle-title::before, .dt-sc-triangle-title::after { transform: rotate(45deg) skew(10deg, 10deg); -ms-transform: rotate(45deg) skew(10deg, 10deg); }
	}
	
	.wpcf7 form .wpcf7-response-output {float: left; width: 100%; margin: 10px 0 0; }
form.wpcf7-form .wpcf7-response-output {position: relative; clear: both; float: left; margin-left: 0; margin-right: 0; padding: 15px 15px 15px 45px; width: 99%; box-sizing: border-box; }
form.wpcf7-form.invalid .wpcf7-response-output {    background-color: #ffcccc;
   border: 1px solid #ff9999;
   color: #d01313;
   position: relative;}
form.wpcf7-form.sent .wpcf7-response-output {background-color: #eafac0; border: 1px solid #b1cf67; color: #7ba411; }

form.wpcf7-form .wpcf7-response-output:before {top: 15px;left: 18px;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;font-size: 20px;position: absolute;}
form.wpcf7-form.invalid .wpcf7-response-output:before {content: "\f057";}
form.wpcf7-form.sent .wpcf7-response-output:before {content: "\f058";}
	
	

	/*--------------------------------------------------------------
	1.2 - Responsive
	--------------------------------------------------------------*/
	@media only screen and (min-width:992px) and (max-width:1199px) {
	
		/** Headings - Titles **/
		.dt-sc-title.with-two-color-stripe h5 { padding: 50px 0px 40px 70px; }
		.dt-sc-title.with-two-color-stripe h5:before { left: 50px; }
		
		.dt-sc-triangle-title { height: 450px; width: 100%; }
		.dt-sc-triangle-title:before { height: 250px; top: 100px; width: 250px; }
		.dt-sc-triangle-title:after { height: 230px; top: 110px; width: 230px; }
		.dt-sc-triangle-title h2 { margin: 170px 0 10px; font-size: 18px; }		
		.dt-sc-triangle-title p { width: 85%; margin: 0 auto; }

		
		.dt-sc-photography-style.vc_col-md-12 { padding-bottom: 0; }
	}
	
	/*----*****---- << Tablet (Portrait) >> ----*****----*/	
	
    /* Note: Design for a width of 768px */

    @media only screen and (min-width:768px) and (max-width:991px) {
	 /** Headings - Titles **/
		.dt-sc-title.with-two-color-bg::before { left: 5px; }
		.dt-sc-title.with-two-color-bg::after { right: 100%; }
		
		.dt-sc-title.with-two-color-bg h2 { left: 35px; }
		
		.dt-sc-title.with-two-color-stripe { text-align: center; }
		
		.dt-sc-title.with-two-color-stripe h1, .dt-sc-title.with-two-color-stripe h2, .dt-sc-title.with-two-color-stripe h3, .dt-sc-title.with-two-color-stripe h4, .dt-sc-title.with-two-color-stripe h5, .dt-sc-title.with-two-color-stripe h6 { float: none; }
		
		.dt-sc-title.with-two-color-stripe h5 { margin: 0; padding-left: 0; }	
		.dt-sc-title.with-two-color-stripe h5::before { height: 1px; left: 0; top: 25px; width: 100%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
		
		.dt-sc-triangle-title { height: 390px; width: 100%; }
		.dt-sc-triangle-title:before { height: 195px; top: 100px; width: 195px; }
		.dt-sc-triangle-title:after { height: 175px; top: 110px; width: 175px; }
		.dt-sc-triangle-title h2 { font-size: 16px; margin: 160px 0 5px; }			
		.dt-sc-triangle-title p { font-size: 8px; line-height: 16px; }	
		
		.dt-sc-title.with-boxed h2 { font-size: 24px; }
		
		.dt-sc-photography-style.rs_col-sm-12 { padding-bottom: 0; }
	}
	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
	/* Common Styles for the devices below 767px width */
	@media only screen and (max-width: 767px) {
		
		/** Headings - Titles **/
		.dt-sc-title.with-two-color-bg { text-align: center; width: calc(100% - 40px); }
		.dt-sc-title.with-two-color-bg:before { left: 6px; }
		.dt-sc-title.with-two-color-bg:after { right: 100%; }
		.dt-sc-title.with-two-color-bg h2 { left: 30px; padding: 15px 10px 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }		
		
		.dt-sc-title.with-two-color-stripe { text-align: center; }
		
		.dt-sc-title.with-two-color-stripe h1, .dt-sc-title.with-two-color-stripe h2, .dt-sc-title.with-two-color-stripe h3, .dt-sc-title.with-two-color-stripe h4,	.dt-sc-title.with-two-color-stripe h5, .dt-sc-title.with-two-color-stripe h6 { float: none; }
		
		.dt-sc-title.with-right-border-decor.aligncenter > * { line-height: normal; }
		
		.dt-sc-title.with-two-color-stripe h5 { margin: 0; padding-left: 0; }	
		.dt-sc-title.with-two-color-stripe h5::before { height: 1px; left: 0; top: 25px; width: 100%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }	

		.dt-sc-title.with-boxed { display: block; float: none; margin: 0 auto; width: calc(100% - 30px); }
		.icon-link-title .vc_column-inner { padding: 0; }		
		
		.dt-sc-title.with-two-border h2 { font-size: 22px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
		.dt-sc-title.with-two-border h2::before, .dt-sc-title.with-two-border h2::after { top: 50%; width: calc(100% - 85%); }
		.dt-sc-title.with-two-border h2::before { left: 100%; }
		.dt-sc-title.with-two-border h2::after { right: 100%; }	

		.dt-sc-triangle-title { width: 100%; }
		.dt-sc-ribbon-title { background-size: 100% auto; width: 100%; }
		
	}
	
		/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		
		/** Headings - Titles **/
	    .dt-sc-ribbon-title { line-height: 50px; }	
		.dt-sc-triangle-title { height: 510px; margin: 0 0 35px; }
		
	}
	
	/* Common Styles for the devices below 479px width */
    @media only screen and (max-width: 479px) {
			
	/** Headings - Titles **/
	.dt-sc-title.with-two-color-bg h2 { font-size: 22px; }
	.dt-sc-ribbon-title { font-size: 20px; height: auto; line-height: 32px; padding: 0 0 30px; }	
	
	.dt-sc-title.with-two-color-stripe h2 { font-size: 24px; }
	
	.dt-sc-title.with-right-border-decor > *:first-child { line-height: normal; }
	
	.dt-sc-triangle-title h2 { margin: 170px 0 10px; }
	.dt-sc-triangle-title p { font-size: 10px; }
	
	.mz-title .mz-title-content h2 { font-size: 20px; }
	
	.dt-sc-title.with-right-border-decor { margin: 0px 0 0 10px; padding: 0 30px 0 50px; }
	.dt-sc-title.with-two-border.with-sub-title h4, .dt-sc-title.with-two-border.with-sub-title h5, .dt-sc-title.with-two-border.with-sub-title h6 { font-size: 12px; }
	
	}
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (min-width: 320px) and (max-width: 479px) {
		
		
		/** Headings - Titles **/
		.dt-sc-title.with-two-border h2 { font-size: 20px; }
		.dt-sc-title.with-right-border-decor .dt-sc-button.large { font-size: 15px; }
		
		.dt-sc-title.with-boxed h2 { font-size: 24px; height: 100px; }
		.dt-sc-title.with-boxed h2 span { font-size: 40px; }		
		
		.dt-sc-triangle-title { height: 450px; }
		.dt-sc-triangle-title:before { height: 250px; top: 100px; width: 250px; }
		.dt-sc-triangle-title:after { height: 230px; top: 110px; width: 230px; }
	}
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 319px) {
		
		/** Headings - Titles **/
		.dt-sc-title.with-two-color-bg { width: 100%; }
		.dt-sc-title.with-two-color-bg::before { left: 0; }
		.dt-sc-title.with-two-color-bg::after { right: calc(100% + 5px); }	
		.dt-sc-title.with-two-color-bg h2 { background: none; font-size: 18px; left: auto; padding: 15px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }	
		
		.dt-sc-title.with-two-color-stripe::before { right: calc(100% + 60px); }
		.dt-sc-title.with-two-color-stripe::after { left: calc(100% + 60px); }
						
		.dt-sc-title.with-boxed h2 { font-size: 17px; height: 80px; }
		.dt-sc-title.with-boxed h2 span { font-size: 34px; }
		
		.dt-sc-photography-style:before { left: -15px; top: -15px; }
		.dt-sc-photography-style.alter:before { bottom: -15px; right: -15px; }
		
		.dt-sc-title.with-two-border h2 { font-size: 18px; padding: 0 6px; }
		.dt-sc-title.with-two-border.with-sub-title h3 { font-size: 13px; }
		
		.dt-sc-ribbon-title { font-size: 14px; line-height: 24px; }
		
		.dt-sc-title.with-right-border-decor { padding: 0 0 20px 40px; }
		.dt-sc-title.with-right-border-decor::before { left: 11px; top: 36px; }
		.dt-sc-title.with-right-border-decor::after { height: 11px; left: 6px; width: 11px; }
		.dt-sc-title.with-right-border-decor h2 { font-size: 22px; }
		.dt-sc-title.with-right-border-decor h2::before { border-width: 3px; height: 20px; left: -42px; width: 20px; }
		.dt-sc-title.with-right-border-decor .dt-sc-button.large { font-size: 11px; padding: 20px 30px 18px; }

		.dt-sc-triangle-title { height: 390px; }
		.dt-sc-triangle-title:before { height: 195px; top: 100px; width: 195px; }
		.dt-sc-triangle-title:after { height: 175px; top: 110px; width: 175px; }
		.dt-sc-triangle-title h2 { font-size: 18px; margin: 145px 0 0; }			
		.dt-sc-triangle-title p { font-size: 9px; }
		
	}