/*media*/
/*hake*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.btn1{padding: 8px 24px !important;}
.btn2{padding: 6px 14px !important;}
.btn-buy{padding: 5px 11px !important;}
#content .item-box .quote-form select {padding: 8px 12px;}

}
/*end browser hake*/
@media only screen and (max-width: 1024px){
/**{transition: all 0.7s ease 0s;}*/
#header {width: 96%;padding: 0px;}
#header .holder {width: 100%;padding: 0px;margin-top: 16px; position: relative;}
.logo {width: 24%;}
.logo img{width: 100%; }
nav {float: left;margin-left: 10%;width: 65%;}
.menu li a {padding: 1px 6px;font-size: 14px;}
.menu li > ul a {font-size: 13px;border-bottom: 1px solid #F8F3F3;}
.mrg-lft{margin-left: -32px;}
#header .visual {width: 100%;padding: 7px;height:auto;}
#header .visual h1 {font-size: 26px;padding: 8px 0px;letter-spacing: 1px;}
#main{max-width: 98%;padding: 0px;}
.intro {font-size: 17px;width: 62.78%;margin: 0px auto 4%;}
h2.whats-covered {margin: 0px auto 2%;box-shadow: 0px 0px 11px #CCC; font-size: 30px;}
.homeinfo ul li {font-size: 17px;}
#content {padding: 0px; width:100%}
#content .item-box, #content .bullet-box, #content .bullet-box{padding: 0px 1% 0px;}
.item-box .promo-box {padding: 0px 0px 1% 2%;}
.footer {width: 93%;padding: 0px;}
.footer .regulation {font-size: 15px;width: 100%;padding-top:0px;}
/*broker page*/
.inportantinfo_box { width: 100%;margin: 0px;}

/*end of broker page*/
/*client details*/
.client-detail-page {width: 100%;}

}
/*end of 1024px screen*/
@media only screen and (min-width: 980px){
	.menu{
		display:block;
	}
}
@media only screen and (max-width: 980px){
nav {margin-left: 5%;width: 71%;}
.mrg-lft{margin: 0px !important;}
#popup{top:35%;}
#client-details #column-3-left, #client-details #column-3-middle, #client-details #column-3-right {width: 100%;}

}

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

.box-inner{width: 100%;}

#header { width: 96%;padding: 0px;}
.logo {width: 30%;}
.logo img {width: 90%;}
nav {margin-left:0px;width: 70%; float: none;}
.homeinfo .column{float: none; width: 100%;}
.homeinfo ul li {font-size: 20px;letter-spacing: 1px;margin-left: 4%;padding-left: 6%;}
.online-form .input-field {width: 86%;}
.intro {font-size: 16px;width: 82.78%;}
.details-list {padding: 0px;border-bottom: 1px solid#F3EDED;}
.regulation {font-size: 14px !important;}
/*broker*/
.login-form label {font-size: 15px;}
.global-box .text {padding: 1%;}
.login-form label {width: 47%;}
.login-form .input-field{width: 94%;}
.inner_box {width: 50%;}
.login-form .select_state {width: 100% !important;}

/*end of broker*/
.btn2{padding: 4px 8px;}
/*quote pages*/
#content.width650{width: 100%;}
.quote-form label {width: 40%;}
.quote-form .item-row {width: 55%;}
#content .item-box .quote-form select{width: 100%;}
.quote-form .txt2{width: 93.5%;}
.quote-form label.line{width: 40%;}
#content1 {float: none;width: 99%;padding: 0px;margin: 0px;}
#sidebar1 {float: none;width: 100%;}
#sidebar1 .item-box{width: 100%;}
.detalis_col {width: 92%;margin: 0px auto;}
#content1 .item-box .quote-form select{width:100%;}
/*client details page*/
#client-details .column-cell-dark{padding: 5px;}
#client-details .column-cell p.cell-left, #client-details .column-cell-dark p.cell-left {font-size: 15px;width: 100%;float: none;}
#client-details .column-cell p.cell-right, #client-details .column-cell-dark p.cell-right {font-size: 13px;width: 100%;float: none;}
.button{margin-bottom: 5px;}
#client-details .column-cell p.wide-50, #client-details .column-cell-dark p.wide-50 {width: 100% !important;}
#client-details .column-cell p.wide-75, #client-details .column-cell-dark p.wide-75 {width: 100% !important;}
/*menu*/
.menu {float: none;z-index: 10000;position: absolute;background: #fff ;box-shadow: 9px 0px 8px rgba(0, 0, 0, 0.15);padding: 15px;margin: 0px;
position: absolute;top: -14px;left: -15px; display: none; width:70%; min-height: 1000px;}
.menu li {float: none;border-right: none;}
.menu li a {padding: 5px 6px;font-size: 15px;}
.menu ul {position:relative;display: block;background:none;box-shadow:none;}
.menu li > ul a {color: #714D4D;}
.menu li a{color: #789D3D;}
.menu li:hover ul {background:none;}
.toggle_icon {display: block;position: absolute;top: 18%;right: 3%;font-size: 36px;color: #789D3D; cursor: pointer;}
.menu .close_icon {display: block;position: absolute;font-size: 30px !important;width: 34px;height: 34px;z-index: 10000;right: 3px;top: 8px;font-weight: 100;color: #1B1616;cursor: pointer;
}
.menu  a:hover {text-decoration:none !important;}
.min{float: right; display: block;}
.plu{float: right;}

/*end of menu*/
/*footer contact info section*/

.footer-grean-bg .container{
	width:100%;
}
.footer-grean-bg .col-lg-4{
	width:100%;
	padding:15px 0px;
}
}
@media only screen and (min-width:800px){
.min,
.plu{
	display:none !important;
}

}
@media only screen and (max-width: 768px){
.btn2 {padding: 4px 5px;font-size: 10px !important;border-radius: 10px;}
.table-responsive {font-size: 14px;}
/*client details page*/
#client-details table th{width:100%;display: block;margin:10px 0px;}
#client-details .column-header {background: #A8C2F2;margin-top: 1px;padding: 10px;}
#client-details .column-header p{font-size: 17px;}
.button {height: 23px;font-size: 15px;padding-left: 8px;margin-top: 9px;}
#client-details .column-cell p.cell-left, #client-details .column-cell-dark p.cell-left {font-size: 15px;width: 48%;float: left;}
#client-details .column-cell p.cell-right, #client-details .column-cell-dark p.cell-right {float: left;width: 48%;}
#client-details .column-cell p.wide-25, #client-details .column-cell-dark p.wide-25 {width: 50% !important;float: left;}
#client-details .column-cell p.wide-75, #client-details .column-cell-dark p.wide-75 {width: 48% !important;}
#client-details .column-cell p.policy-colour {background-image: none;}
#client-details .column-cell-dark p.cell-right {float: left;width: 48% !important;}
#client-details .cell_full{width: 100% !important;}
#client-details .column-cell p.small-policy-colour, #client-details .column-cell-dark p.small-policy-colour{background-image: none;}
#client-details .column-cell-dark p.wide-50 {width: 50% !important;}
#client-details #column-3-left form .wide-100{width: 98% !important;}
/*end of client details page*/
}

@media only screen and (max-width: 767px){
	.three-boxes .box {
		width:95%;
		margin:0px;
		margin-top:15px;
	}
	#content .item-box .support-box input.txt,
	.support-box .item-row textarea{
		width:94%;
	}
	.conformation-right{
		float:left;
	}
}
@media only screen and (max-width: 640px){
/*borker page*/
.login-form .col-left, .login-form .col-right {float: none;width: 100%;}
.login-form .select_state {width: 98.5% !important;}
.quote-form .txt2 {width: 91.8%;}
.blockUI{display: none !important;}
.quote-form .txt2, .online-form .txt2{width: 100%;}
.breadcrumbs li{
	width: 75%;
}
.breadcrumbs li::after {
	top: 30px;
	right: 50%;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	margin-right: -8px;
}
.support-box .row {
	padding:0 0 0 0px;
}
.support-box .row label{
	display:block;
	margin: 0px;
	position:static;
	width:100%;
}
.support-box .item-row{
	overflow: visible;
}
.table-columns .column{
	width:98%;
}
.table-columns{
	width:100%;
}
.table-box{
	overflow-x:scroll;
}
.brandbox {
   display: block !important;
   width: 100% !important;
   min-height:10px;
   text-align:center;
   margin-bottom:15px;
}
.txt-decbox {
    display: block !important;
    width: 100% !important;
	 min-height:10px;
}
.buttonbox {
    display: block !important;
    width: 100% !important;
	margin-top:8px;
}
.fltr{
	float: none !important;
}
.online-form .row select.txt2{
	width:100% !important;
}
.online-form .row label{
	width:100%;
	display:block;
}
.col-lg-6{
	padding-left:15px;
	padding-right:15px;
}
.avatar-table_2 h2{
	text-align:center;
}
}

@media only screen and (max-width: 480px){
.logo {width: 50%;}
.inner_box {width: 90%;}
.quote-form label {float: none;font-size: 19px;width: 100%;}
.quote-form .item-row {float: none;width: 100%;overflow: hidden;margin: 10px 0px 5px 0px;}
 .online-form .txt2{width: 90%;}
#content .item-box .quote-form select{width: 95%;}
.btn1{border-radius: 13px;font-size: 14px !important;padding: 5px 10px !important;}
#popup {top: 40%;left: 4%;width: 90%; margin: 0px !important;}
.table-responsive {font-size: 12px;overflow-x: scroll;width: 100%;}
.online-form .row label {width: 100%;font-size: 19px; margin-top:6px; margin-bottom:6px;}
.online-form .row .item-row {float: none;width: 100%;}
.quote-form label.line {width: 100%;float: none;}
.quote-form .txt2{width: 89%;}
#content1 .quote-form label, #content1 .quote-form .item-row {float: left;width: 100%;}
#client-details .column-cell p.wide-75, #client-details .column-cell-dark p.wide-75{text-align: left;}
nav {width: 65%;float: none;}
.menu {width: 100%;}
#contact-us table{
	width:80%;
}
.about-us-promo-box article{
	width:100%;
}
.conformation-left,.conformation-right{
	float:left;
	width:100%;
}
.col-lg-6{
	width: 80%;
}
.btn.btn-grey{
	white-space:nowrap;
}
.declaration-box .holder{
	width:94%;
}
.text-box-5{
	width:94%;
}
}


@media only screen and (max-width: 360px){
#header .visual{padding: 0px;}
logo {width: 60%;}
.visual h1{font-size: 30px !important;padding: 10px 0px !important;letter-spacing: 0px !important;}
.intro {font-size: 17px;width: 82.78%;font-weight: 400;}
.homeinfo {width: 96%;padding-top: 5% !important;}
.homeinfo .column{padding: 0px;}
.homeinfo ul li {font-size: 17px;letter-spacing: 1px;margin-left: 4%;padding-left: 10%;font-weight: 400;}
h2.whats-covered {font-size: 28px;}
.table-responsive {font-size: 14px;}
/*borker page*/
.login-form label {width: 100%;}
.login-form .form-field {float: none;position: relative;width: 100%; margin-top: 8%;overflow: hidden;}
.login-form .input-field {padding: 5px;}
#content .item-box .online-form {padding: 0px 0px 8px 0px;}
#content .item-box .quote-form select {width: 100%;}

/*end broker*/
#popup .pop-pdng label{text-align: center;font-weight: 600;font-size: 20px;}
#popup .pop-pdng input[type="text"]{width: 90%;padding: 2%;border: 1px solid rgb(22, 114, 200);margin-top: 5%;}
.quote-form .txt2 {width: 91%;}
.page-rqd {float: none;font-size: 17px;margin-bottom: 10px;text-align: center;}
.set-input-box, .btn-area, .search-area{float: none;}
.btn-area input[type="submit"] {margin: 0px 0px 6px 0px;width: 90%;padding: 6px;}
.set-input-box input[type="text"], .search-area input[type="text"] { width: 75%;}
.pegi a {padding: 3px 7px;margin-left: 2px;}
.pegi button{margin: 6% 4% 4% 25%;float: none !important;}
.menu{width: 95%;}
.toggle_icon { top: 10%;font-size: 32px;}
nav {width: 80%;}
.logo {width: 60%;}

}

@media only screen and (max-width: 320px){
.quote-form .txt2 {width: 90%;}
.quote-form .txt2, .online-form .txt2{
	width: 249px;
}
.online-form .selectbox_inner select,
.online-form .dropdown_section .owner-suburb{
	width: 274px;
}

}