/*
Theme Name: Titan Web Theme
Theme URI: http://www.titaninteractive.com.au/
Description: Titan Web Theme
Version: 1.0
Author: Titan Web
Author URI: http://www.titanweb.com.au/
Tags: Titan Web Theme

	This theme was designed and built by Titan Web

*/

/*CSS*/
@import url( 'css/reset.css' );
@import url( 'css/structure.css' );
@import url( 'css/style.css' );
@import url( 'css/form.css' );
@import url( 'css/fonts.css' );
.mob_nav{display:none;}
@media only screen and (max-width:990px){
	*{box-sizing:border-box;}
	img{max-width:100%;}
	.logo-wrapper{margin-top:40px; max-width:150px;}
	.top-menu-wrapper{position:relative !important; right:0; top:0; width:100%; max-width:740px; margin:20px auto 0;}
	#menu-top-menu > li{height:auto;}
	#menu-top-menu > li > a{padding:3px 32px;}
	.header-wrapper{height:auto;}
	.header-wrapper .headinfo-wrapper.right{margin-top:10px;}
	.banner-wrapper{width:100%; max-width:740px;}
	.banner-wrapper .banner-slide, .banner-pad, .banner-wrapper{height:190px !important;}
	.banner-bg-wrapper{display:none;}
	.banner-text{font-size:22px; width:330px;}
	.request-quote{width: 220px; background-size: 100%; height: 31px; width:220px; top: 132px; left:20px;}
	.request-quote:hover{background-size: 100%; background-position:0 -43px;}
	.footer-pad{padding:5px 0;}
	.footer .section-block-wrapper.titan-wrapper{display:inline-block; width:100% !important; text-align:center;}
	.footer .footer-menu, .footer .menu-wrapper{width:auto; float:left; height:auto;}
	.footer .copyright, .footer .copyright-wrapper{width:auto; float:right}
	.footer .titan-badge{display:inline-block; float:none; padding:0 0 15px;}
	#menu-top-menu ul{margin-top:0;}
	.banner-wrapper {left: 0 !important; width: 100%;}
	.phnum {font-size: 24px;}
	.banner-nav {position: absolute;z-index: 200;bottom: 0px;display: flex;justify-content: center;right: 0;width: 100%;}
	.banner-text {top: 30px;left: 20px;}
	.mid-wrapper-home .content-container{margin-right: 0px;}
	.linen-hire-side .bottom_bg {background: none;}
	.linen-hire-side .content-container {padding: 18px 10px 0 18px;width: 90%;background: none;background: #0188c0;border-radius: 20px !important;border-right: 5px solid #0053a0;border-bottom: 5px solid #0053a0;}
	.clearfix.margin_top_10 p {padding-right: 30px;}
	.linen-hire-side.left img {width: 100%;}
	.mid-wrapper-home{background:none}
	.globalmaxwidth .banner-pad, .globalwidth{width:100%; max-width:740px;}
	.linen-hire-side {width: 50%;}
	.content-container.left {width: 50%;margin-right: 0px;}
	#logo {width: 100%;float: none;text-align: center;}
	.lead-ins-wrapper .lead-ins .lead-in{width: 42%;}
	.lead-ins-wrapper .lead-ins .lead-in .content{width: 100%; width:calc(100% - 4px);}
	.lead-ins-wrapper .lead-ins .lead-in .lead-in-bg {width: 100%;background-size: 100% 100%;}
	.banner-pad .img_c img{margin-left: 100px;}
	.globalmaxwidth{width: 100%; left: 0 !important;}
	.header-wrapper{background-position:-350px top !important;}
	.contact-form{width:100%;}
	.contact-wrapper ul li{width:50%}
	.gform_wrapper .gform_body input, .gform_wrapper .gform_body select{width:100%; padding:4px 3px; height:34px;}
	 .gform_wrapper .gform_body textarea{width:100%; padding:4px 3px;}
	 .contact-info{width:100%; margin-top:55px;}
	 .contact-info .google-map-placeholder, .contact-us-leadin-wrapper, .contact-us-leadin-wrapper .contact-us-leadin{width:100% !important}
	 .related-services{width:50%;}
	 .related-services .content-container{width:100%; background:#0188c0; border-radius:20px; border-right:5px solid #00498e;}
.related-services .bottom_bg{display:none;}
.contact-us-leadin-wrapper{background:#0078ba; border-radius:5px; width:100%; height:auto; text-align:center;}
	.contact-us-leadin-wrapper .contact-us-leadin .contact-us-leadin-btn{position:relative; right:0; top:0; width:100%; margin-top:20px;}
	.contact-us-leadin span{display:inline-block; width:100%;}
}
@media only screen and (max-width: 767px){
	.top-menu-wrapper, .globalwidth {max-width: 630px;}
	.header-wrapper{background:rgba(0,0,0,0);}
	.headinfo.section-pad-wrapper{background:#0053a0; padding:8px 0;}
	.address, .phnum{text-align:center !important;}
	.address{font-size:14px !important;}
	.header-pad{text-align:center !important;}
	.logo-wrapper{margin-top:70px;}
	.mob_nav{float:right; position:relative; display:inline-block; height:34px; width:34px; border-top:2px solid #f00;}
	#top-menu{position:relative; height:auto;}
	.top-menu{display:none;}
	.banner-pad .img_c img{margin-left:0;}
	.linen-hire-side .content-container{width:100%;}
	.top-menu li{display:block; width:100%;}
	.top-menu li a{display:block; text-align:center;}
	.menu-wrapper{height:auto;}
	.menu-pad{position:relative;}
	.mob_nav{float:right; display:inline-block; height:30px; width:34px; border-top:2px solid #333; position:absolute; right:0; top:-60px; right:17px;}
	.mob_nav:after, .mob_nav:before{content:""; height:2px; width:100%; position:absolute; left:0; top:13px; background:#333;}
	.mob_nav:after{top:auto; bottom:0;}
	#banner{overflow:hidden;}
	#menu-top-menu ul, #menu-top-menu ul > li{width:100%;}
	#menu-top-menu ul{display:block !important; position:relative;}
	#menu-top-menu ul > li > a{border:0px solid; margin:5px 0;}
	.main-front-page .content-container{text-align:center;}
	#sub-page p, #front-page p{padding:0;}
	.lead-ins-wrapper .lead-ins .lead-in .lead-in-bg{background:#0053a0; height:3px; margin-bottom:30px;}
	#menu-top-menu > li{margin-bottom:7px;}
	.lead-ins-wrapper .lead-ins .lead-in{width:100%;}
	.lead-ins-wrapper .lead-ins .lead-in .content {width: 100%;}
	.lead-ins-wrapper .lead-ins .lead-in .lead-in-bg {width: 100%;background-size: 100% 100%;}
	.phnum {font-size: 20px;text-align: right;}
	.address {font-size: 20px;text-align: right;}
	.globalwidth {max-width: 639px;}
	.headinfo.section-pad-wrapper{position:absolute; right:0; top:0; width:100%; z-index:99999;}
	.header-pad{position: relative;}
	.linen-hire-side{width:100%;}
	.content-container.left {width: 100%;margin-right: 0px;}
	.globalmaxwidth .banner-pad, .globalwidth{max-width:630px;}
	#menu-top-menu ul.sub-menu > li a{background:rgba(0,0,0,0) !important;}
	body{font-size:16px;}
	.contact-wrapper ul li{width:100%;}
	.related-services{width:100%;}
	#menu-top-menu li a{font-size:18px;}
	#menu-top-menu > .current-menu-ancestor > a{background:rgba(0,0,0,0); color:#0053a0 !important; box-shadow:0 0 0 rgba(0,0,0,0) !important;}
	#menu-top-menu ul > li > a:hover, #menu-top-menu ul > li.current_page_item > a{color:#fff !important; text-align:center; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow:#666 0px 2px 3px; box-shadow:#666 0px 2px 3px; background:#0098D7; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#0098D7), to(#007cb0)); background:-webkit-linear-gradient(#0098D7, #007cb0); background:-moz-linear-gradient(#0098D7, #007cb0); background: -ms-linear-gradient(#0098D7, #007cb0); background:-o-linear-gradient(#0098D7, #007cb0);
	background:linear-gradient(#0098D7, #007cb0); -pie-background: linear-gradient(#0098D7, #007cb0);}
	#menu-top-menu > li:hover > a, #menu-top-menu ul.sub-menu > li a{color:#0053a0 !important; font-size:18px; background:rgba(0,0,0,0) !important; box-shadow:0 0 0 rgba(0,0,0,0) !important;}
	#menu-top-menu ul > li.current_page_item > a{color:#fff !important; text-align:center; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow:#666 0px 2px 3px; box-shadow:#666 0px 2px 3px; background:#0098D7 !important; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#0098D7), to(#007cb0)) !important; background:-webkit-linear-gradient(#0098D7, #007cb0) !important; background:-moz-linear-gradient(#0098D7, #007cb0) !important; background: -ms-linear-gradient(#0098D7, #007cb0); background:-o-linear-gradient(#0098D7, #007cb0) !important;
	background:linear-gradient(#0098D7, #007cb0) !important; -pie-background: linear-gradient(#0098D7, #007cb0) !important;}
	
}

@media only screen and (max-width: 639px) {
	.banner-wrapper, .top-menu-wrapper, .globalwidth{max-width:470px;}
	.footer .copyright, .footer .copyright-wrapper, .footer .footer-menu, .footer .menu-wrapper{width:100%; text-align:center;}
	.footer .footer-menu ul{width: 100%; display: inline-block; text-align:center;}
	.footer .footer-menu ul li{float:none; display:inline-block;}
	
}
@media only screen and (max-width: 479px) {
	.globalwidth {max-width: 94%;}
	.phnum {font-size: 14px;}
	.address {font-size: 14px; }
	.headinfo.section-pad-wrapper {position: absolute;top: 0px;}
	headinfo.section-pad-wrapper {width: 205px;}
	.banner-pad .img_c img{margin-left: -136px;}
	.banner-text{width:182px;}
}