#pull { display:none; }
.mobile_topnav{ display:none;}
.desktop_topnav{ display:block;}	

.mobile_topnav ul{ margin:0px 0px; padding:0px 0px; list-style-type:none;}
.mobile_topnav ul li{ margin:0px 0px; padding:0px 0px; float:none; display:block; height:auto; line-height:normal; width:auto;}
.mobile_topnav ul li a { margin:0px 0px; display: block;	float:none; padding:10px 0px; text-decoration: none; color:#767676; font-weight:700; font-size:12px; text-transform: uppercase; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear;}

.mobile_topnav ul li a:hover{ color:#008cd7;}
.mobile_topnav ul li.current-menu-item > a,
.mobile_topnav ul li.current-menu-ancestor > a,
.mobile_topnav ul li.current_page_item > a,
.mobile_topnav ul li.current_page_ancestor > a{ color:#008cd7;}

.mobile_topnav ul ul li.current-menu-item > a,
.mobile_topnav ul ul li.current-menu-ancestor > a,
.mobile_topnav ul ul li.current_page_item > a,
.mobile_topnav ul ul li.current_page_ancestor > a{ color:#008cd7;}

/*-----------------------Menu Submenu----------------*/
.mobile_topnavul ul{visibility: hidden; display: none; float: left; margin:0px 0px; padding:0px 0px; position:absolute; width:200px; z-index:99999; background:#179c7e; text-align:left; top:100%; left: 0; border:2px solid #179c7e; border-radius:2px;}
.mobile_topnav li:hover > a, .mobile_topnav ul li:hover > ul{ display: block; }

.mobile_topnav ul ul li {display:block; padding:0px 0px; line-height:normal; margin:0px; float:none; height:auto; background:none; font-weight:normal;}
.mobile_topnav ul ul li a {display:block; color:#767676; font-size:12px; text-decoration:none; padding:10px 0px 10px; line-height:normal; height:auto; width:auto; margin:0px 0px;}
/*----------Third Level-------------------*/
.mobile_topnav ul { position: relative; z-index: 597;}
.mobile_topnav ul ul ul { top:0px; left:100%;}
.mobile_topnav ul li.hover, .mobile_topnav ul li:hover {position: relative; cursor: default;}
.mobile_topnav ul li:hover > ul { visibility: visible;}
/*---------------------------------------*/		
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
body{ background:none;}
#pull { display:block; }
.container{ margin:0px auto; padding:0px; width:98%;}
#Tag{ left:200px;}
#Num{ left:230px;}

#nav{ display:none;}
#nav li{ float:none;}
#nav li a{ float:none;}
nav ul ul{  display: block !important;  height: auto;   margin: 0px 0 8px;  padding: 0px;  position: static !important; visibility: visible !important; width:98% !important;}
nav ul ul li{ padding:0px 0px 0px 15px !important; margin:0px;}
#nav ul{ border-bottom:0px;  box-shadow: none;}

#fullwidth-wrapper{ padding-top:15px;}
#main-inner-wrapper {padding-bottom: 0;}
#main-navigation-wrapper{ width:100%; margin:0px;}
.separator{ width:100%;}
#page-title{margin-left: -5px; width:100%;  padding-bottom: 0;}
.focus-slogan-text h1{ font-size:30px;}
.focus-slogan-text h4{ font-size:18px;}

.col-12{ width:100%;}
#main-content { padding-top: 20px;}

.col-7, .col-8{ width:60%;}
.col-5, .col-4{ width:37%;}
.col-7 object { width:100%;}
.col-7 embed { width:100%;}
.HomeList2{margin-top:0px; float:left;}
.Groups{ margin-top: -105px !important;}
.col-11{ width:100%;}
.spacer{ display:none;}
.callout-box-inner { padding: 20px;}
#footer-inner .col-4{ width:31%;}

/*----------------------------Quick Online_quote-------------------------------*/
.book_content{ width:96%;padding: 25px 14px;}
.book_top .bt_left{ width:86%;}
.bt_row .bt_check{ margin-left: 25px;}
.btf_right{ margin-left: 0;}
.sec_seals{  margin-bottom: 0; margin-top: 5px;}


/*-----------------------------------Contact us-----------------------------------*/
#main-content-with-sidebar .col-6{ margin-bottom: 10px; margin-right: 6px; width:49%;}
.coninf{ font-size:18px;}
#sidebar-page-wrapper{ margin:0px; padding:0px; width:100%;}
#main-content-with-sidebar{  padding-top: 10px; width:60%;}
#main-sidebar { padding-top: 10px;}

/*------------------------------Testimonials-----------------------------------*/
.isotope-item{ position:static !important;}
#main-content-with-sidebar .col-4{ margin-right: 8px; width:48%;}
.testimonial-header{ padding:10px;}
.posts-grid{ height:auto !important; width:100%;}

/*-----------------------------------brisbane-----------------------------------------*/
#fullwidth-wrapper iframe{ width:100%;}
.LPAd .button{ margin-left: 0; top:10px;}
.col-9{ width:68%;}
/*--------------------------------------maroochydore/------------------------------------*/
#main-content-with-sidebar iframe{ width:100% !important; height:240px !important;}
.pricingCleft{width:57%;}
.pricingCleft h3{ font-size:10px !important;}
.pricingCright{ width:40%;}

.serviceSidebar li{ font-size:12px !important;}


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {	
body{ background:none;}
.container{ margin:0px auto; padding:0px; width:95%;}
#logo-wrap{ padding-top: 0; width:100%; text-align:center; float:none;}
#logo{ width:100%; float:none;}
#social-wrap{  width:100%; float:none;}

#Tag{ width:100%; left:0px; text-align:center; top: 85px; }
#Num{ width:100%; left:0px; text-align:center; top: 110px;}
#Secure{ top:135px; width:100%;}
#header{ margin-bottom:90px;}


#nav{ display:none;}
#nav li{ float:none;}
#nav li a{ float:none;}
nav ul ul{  display: block !important;  height: auto;   margin: 0px 0 8px;  padding: 0px;  position: static !important; visibility: visible !important; width:98% !important;}
nav ul ul li{ padding:0px 0px 0px 8px !important; margin:0px;}
#nav ul{ border-bottom:0px;  box-shadow: none;}

.wrapper-30 {  margin-left: 0px;  margin-right: 0px;}

#fullwidth-wrapper{ padding-top:10px;}
#main-inner-wrapper {padding-bottom: 0;}
#main-navigation-wrapper{ width:100%; margin:0px;}
.separator{  margin-bottom: 20px;  margin-top: 0px; margin-left: 0px; width:100%;}
#page-title{  padding-bottom: 0; margin-left: -5px; width:100%;}
.focus-slogan-text h1{ font-size:30px;}
.focus-slogan-text h4{ font-size:18px;}

.col-12{ width:100%;}
#main-content { padding-top: 20px;}

.col-7{ width:100%; float:none;}
.col-8{ width:100%; }
.service{ width:91%;}
.col-5, .col-4{ width:100%; float:none;}
.col-7 object { margin:0px; padding: 0 0 14px; width:100%;}
.col-7 embed { margin:0px; padding:0px; width:100%;}
.HomeList2{margin-top:0px; float:left;}
.Groups{ margin-top:0px !important;}
.col-11{ width:100%;}
.spacer{ display:none;}
.callout-box-inner { padding: 20px;}
#footer-inner .col-4{ float: left !important;  width: 45%;}
#bottom-inner{ text-align:center;}
#copyright-line{ float:none;}

/*----------------------------Quick Online_quote-------------------------------*/
.book_content{ padding: 10px 4px; width: 100%;box-sizing: border-box;}
.book_top .bt_left{ width:76%;}
.book_top .bt_right .book_logo{ margin-top:0px;}
.book_top{ width:95%;}
.sec_seals{ margin:0px;}
.book_form_main{ width:95%;}
.book_main > ul li:first-child { margin-left: 15px;}
.book_main > ul li{ font-size:13px;  padding: 5px 6px;}
.book_main > ul .actived{ padding: 5px 6px;}

.btf_form{ margin:20px auto 0 auto; float: none;}
.btf_right{ float:none; margin:0px auto;}
.st_right {
    float: none;
    margin: 0 auto;
}
#tg_price_form .st_left{ 
    float: none;
    margin: 0 auto;
}

/*-----------------------------------Contact us-----------------------------------*/
#main-content-with-sidebar .col-6{ margin-bottom: 10px; margin-right: 6px; width:49%;}
.coninf{ font-size:18px;}
#sidebar-page-wrapper{ margin:0px; padding:0px; width:100%;}
#main-content-with-sidebar{padding-top: 10px; width:100%;}
.col-6 .service{ padding:10px;}
#main-sidebar{ padding-top: 0;}

/*------------------------------Testimonials-----------------------------------*/
.isotope-item{ position:static !important;}
#main-content-with-sidebar .col-4{ margin-right: 8px; width:100%;}
.testimonial-header{ padding:10px;}
.posts-grid{ height:auto !important; width:100%;}
#text-7 { float: none !important; width:212px; margin:0px auto;}

/*-----------------------------------brisbane-----------------------------------------*/
#fullwidth-wrapper iframe{ width:100%; height:240px;}
.LPAd{ text-align:center;}
.LPAd .button{ margin-left: 0;}
.LPAd h3{margin-bottom: 0px !important;  margin-top: 0px !important;}
.col-9{ width:100%;}
/*-------------------------------brisbane-to-byron-bay-----------------------------------*/
.serviceSidebar li{padding-left: 25px; font-size:12px;}
.pricingCleft{ width:57%;}
.pricingCleft h3{ font-size:12px !important;}
.pricingCright{ width:40%;}
.rotatingtext-wrapper table tr td{ width:100% !important;}
.rotatingtext{ width:100% !important;}

/*----------------------------------brisbane-airport-to-sunshine-coast-------------------------------------*/
.rev_slider_wrapper{ width:100% !important; background:none !important;}
.rev_slider{ width:100% !important;}
.slotholder{ width:100%;}
.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img{ margin:0px; padding:0px; width:auto !important; height:auto !important; max-width:100%;}
.slotholder img{margin:0px; padding:0px; width:auto !important; height:auto !important; max-width:100%;}

/*--------------------------------------maroochydore/------------------------------------*/
#main-content-with-sidebar iframe{ width:100% !important; height:220px !important;}

.callout-wrapper-column {  margin-bottom: 0 !important;}
	
}


@media only screen and (max-width: 479px) {	
body{ background:none;}
.container{ margin:0px auto; padding:0px; width:95%;}
#logo-wrap{ padding-top: 0; width:100%; text-align:center; float:none;}
#logo{ width:100%; float:none;}
#social-wrap{  width:100%; float:none;}

#Tag{ width:100%; left:0px; text-align:center; top: 85px; font-size: 20px;}
#Num{ width:100%; left:0px; text-align:center; top: 110px; font-size: 14px;}
#Secure{ top:135px; width:100%;}
#header{ margin-bottom:90px;}

#nav{ display:none;}
#nav li{ float:none;}
#nav li a{ float:none;}
nav ul ul{  display: block !important;  height: auto;   margin: 0px 0 8px;  padding: 0px;  position: static !important; visibility: visible !important; width:97% !important;}
nav ul ul li{ padding:0px 0px 0px 9px !important; margin:0px;}
#nav ul{ border-bottom:0px;  box-shadow: none;}					

.wrapper-30 {  margin-left: 5px;  margin-right: 5px;}

#fullwidth-wrapper{ padding-top:0px;}
#main-inner-wrapper {padding-bottom: 0;}
#main-navigation-wrapper{ width:100%; margin:0px;}
.separator{  margin-bottom: 20px;  margin-top: 0px; margin-left: 0px; width:100%;}
#page-title{ padding-bottom: 0; margin-left: -5px; width:100%;}
.focus-slogan-text h1{ font-size:22px;}
.focus-slogan-text h4{ font-size:18px;}

.alignleft{margin: 0 20px 10px 0;}

.col-12{ width:100%;}
#main-content { padding-top: 20px;}

.col-7{ width:100%; float:none;}
.col-8{ width:100%; }
.service{padding: 12px; width:91%;}
.col-5, .col-4{ width:100%; float:none;}
.col-7 object { margin:0px; padding: 0 0 14px; width:100%;}
.col-7 embed { margin:0px; padding:0px; width:100%;}
.HomeList2{margin-top:0px; float:left;}
.Groups{ margin-top:0px !important;}
.col-11{ width:100%;}
.spacer{ display:none;}
.callout-box-inner { padding: 20px;}
#footer-inner { padding-bottom: 10px; padding-top: 15px;}
#footer-inner .col-4{  width: 100%;}
#bottom-inner{ text-align:center;}
#copyright-line{ float:none;}

#main-content-with-sidebar .separator{ margin:18px 0px; width:100%;}

/*----------------------------Quick Online_quote-------------------------------*/

.book_main { display: inherit;
    padding: 0 0 10px 0;
    box-sizing: border-box;
    height: auto;
    }
.book_content{
    display:inherit;
    padding: 10px 4px;
    width:100%;
    height: auto;
    box-sizing: border-box;
    }
.book_top .bt_left{ width:100%;}
.bt_row{   display: inherit; width:100%;}
.book_top .bt_right { width:100%; text-align:center; margin-top:20px;}
.book_top{ width:100%;}
.sec_seals{ margin:0px;}
.book_form_main{
    width:95%;
    width:100%;
    clear: both;
}
    .book_form_main:after{
        content:"";
        display: block;
        clear: both;
    }
.book_main > ul li:first-child { margin-left: 15px;}
.book_main > ul li{ font-size:13px;  padding: 6px 6px 0px 6px;
    border-top: 2px solid transparent;
}
.book_main > ul .actived{ padding: 5px 6px;}

.btf_form{ float: none; margin-left:0px; width: 100%;}
.btf_form .form_left{ margin: 40px auto 0 auto; /*width: 276px;*/ float: none; background-size: 100% 100%;}
.btf_form .form_right{
    margin-left: 5px;
    float: none;
    clear: both;
    margin: 0 auto !important;
    }
.btf_form .tform_small_label{margin:0px;width: 100%;padding-left: 10px;}
.btf_right{float:none;margin:0px auto;height: auto;}

#first_form ul{ margin:0px; padding:0px;}

.st_right .bt_row{/* display:none; *//* position: relative; *//* overflow: hidden; */}
#tg_price_form .st_left{/* display:none; */clear: both;height: auto;}


/*-----------------------------------Contact us-----------------------------------*/
#main-content-with-sidebar .col-6{ margin-bottom: 10px; margin-right: 6px; width:100%;}

#sidebar-page-wrapper{ margin:0px; padding:0px; width:100%;}
#main-content-with-sidebar{margin-bottom: 0; padding-top: 15px; width:100%;}
.col-6 .service{ padding:10px;}
#main-sidebar{ padding-top: 0;}
.textwidget h3{ line-height:26px;}
/*-----------------------------testimonials---------------------------------------*/
#text-7{ float:none;}
.textwidget{ width:212px; margin:0px auto;}

/*-----------------------------------brisbane-----------------------------------------*/
#fullwidth-wrapper iframe{ width:100% !important; height:200px !important;}
.LPAd{ text-align:center;}
.LPAd .button{ margin-left: 0;}
.LPAd h3{margin-bottom: 0px !important;  margin-top: 0px !important;}
.col-9{ width:100%;}


/*-------------------------------brisbane-to-byron-bay-----------------------------------*/
#main-content-with-sidebar iframe{ width:100% !important; height:200px !important;}
.pricingCleft{ height:78px; width:95%;}
.serviceSidebar li{ line-height:15px; margin-bottom:22px;}
.pricingCright{  padding: 0px 0px 0px 1px; border-left: 1px solid #018cd1; width:98%;} 

/*----------------------------------brisbane-airport-to-sunshine-coast-------------------------------------*/
.rev_slider_wrapper{ width:100% !important;  background:none !important;}
.rev_slider{ width:100% !important;}
.slotholder{ width:100%;}
.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img{ margin:0px; padding:0px; width:auto !important; height:auto !important; max-width:100%;}
.slotholder img{margin:0px; padding:0px; width:auto !important; height:auto !important; max-width:100%;}

.whyaccordion .col-6{ width:100%;}

/*--------------------------------------maroochydore/------------------------------------*/
#main-content-with-sidebar iframe{ width:100% !important; height:200px !important;}
.serviceSidebar li{ font-size:13px;}

.callout-wrapper-column {  margin-bottom: 0 !important;

}						

}
																																					
@media only screen and (max-width: 1024px) {
.mobile_topnav{ display:block;}
.desktop_topnav{ display:none;}	

.subclick{height:35px; padding-top:0px!important; position:absolute; right:0px; text-align:center; top:0px; width:50px; cursor:pointer; line-height:35px;}

.subclick:after{content:url(arrow_drop.png);}
.sub-open .sub-menu{display: block!important; background:none !important;}
.sub-menu{margin:0px 0px; padding:0px 0px; display:none !important; background-color:#353536 !important; border-top:0 none; position: relative !important; top:0px !important; visibility:inherit !important; width:100% !important;}

/*---------------------*/

.mobile_topnav ul li{ position:relative; border-bottom:1px solid #dddddd;}
.mobile_topnav ul ul{ float:none; position:relative; border:none; border-radius:0px;}

.mobile_topnav ul li:last-child{ border-bottom:none;}

nav ul{display: none; height: auto;}
nav a#pull {display: block;	width:100%; position:relative; background:#008cd7; margin:0px 0 0px 0; color:#fff; text-transform:uppercase; 
font-weight:600; line-height:40px; height:40px; padding:0px 0px 0px 0px; text-decoration:none; text-indent:10px;}
nav a#pull:after{content:""; background: url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}

}