@media(min-width:1200px){
	#signModal > .modal-lg { width:1040px; }
}
@media(min-width:1200px) and (max-width:1229px){
	.page-content .detail-box{ width: 603px; }
}
@media (max-width:1199px){
	.nextbtn #SignSubmit,
	.nextbtn #finalSubmit { padding:8px 12px; }
}
@media(min-width:992px) and (max-width:1199px){
	/* Topbar CSS */
	.topbar .logo,
	.logo.mix-nav-logo,
	.side-navigation{ width: 230px; }
	/*.page-content{ margin-left: 230px; }*/
	.page-content{ margin-left: 230px; }
	.page-content .sidebar{ width: 260px; padding: 60px 20px 20px; }
	.page-content .detail-box{ width: 502px; padding: 28px 28px 28px; }
	.page-content .quick-quotes .detail-box{width:100%;padding: 15px 20px;}
	.quick-quotes .form-group .postcode .form-control {
	    width: 20%;
	}
	.quick-quotes .other-field{ padding-top: 20px; }
	#signModal > .modal-lg { width:900px; }
	/***** Sidebar width reduce *****/
	.reduceSideBar .topbar .logo,
	.reduceSideBar .logo.mix-nav-logo,
	.reduceSideBar .side-navigation { width:170px; margin:0 10px; }
	.reduceSideBar .logo.mix-nav-logo > a { display:inline-block; }
	.reduceSideBar .logo.mix-nav-logo > a > img { display:inline-block; max-width:90%; }
	.reduceSideBar .page-content { margin-left:190px; }
	.reduceSideBar .side-navigation-links > li > a { font-size:14px; }
	.reduceSideBar .side-navigation-links > li > a .zmdi.mrg10-R { margin-right:5px; }
	.reduceSideBar .page-content .quick-quotes .detail-box { padding:15px; }
}
@media(max-width:991px){
	.topbar{
		position: relative;
		z-index: 1;
		width: 100%;
		box-shadow: 0px 0px 5px -2px #060606;
		transform: none;
		padding:10px 0px;
	}
	.topbar .logo{
		text-align: left;
		padding-left: 20px;
	}
	.topbar.topbarfixed {
		position:relative !important;
		top:auto;
		transform: translateY(0);
		z-index: 1;
	}
	.topbar.hiddenTopbarSmall { padding:0; box-shadow:none; position:static; }
	.logo.mix-nav-logo { position:relative; text-align:left; width:100%; box-shadow:0px 0px 5px -2px #060606; padding:10px 0; }
	.logo.mix-nav-logo .logoImg {
		display:block;
		text-align: left;
    	padding-left: 20px;
		vertical-align:middle;
		width:280px; height:100%;
	}
	.logo.mix-nav-logo .logoImg > a > img { width:190px; }
	.topbar.hiddenTopbarSmall .side-navigation {
		width:250px;
		text-align:center;
		display:block;
		overflow:hidden;
		position:absolute;
		top:0; bottom:0;
		right:-220px;
		z-index:9999;
		background-color:#fff;
		box-shadow:0px 0px 5px -2px #060606;
		overflow:hidden;
		transition:all 0.8s;
	}
	.topbar.hiddenTopbarSmall .side-navigation.open { right:0; overflow:visible; }
	
	.topbar.hiddenTopbarSmall .side-navigation .sideNavigation-close {
		background-color:#060606;
		color:#ffffff;
		font-size:24px;
		line-height:24px;
		width:35px;
		height:35px;
		position:absolute;
		top:0px;
		left:0;
		padding:5px 0px 0px 3px;
		cursor:pointer;
		opacity:0;
		z-index:0;
		-webkit-transition:all .8s;
		   -moz-transition:all .8s;
			-ms-transition:all .8s;
			 -o-transition:all .8s;
				transition:all .8s;
	}
	.topbar.hiddenTopbarSmall .side-navigation.open .sideNavigation-close { opacity:1; left:-37px; }
	.topbar.hiddenTopbarSmall .side-navigation .side-navigation-links { position:relative; z-index:1; }
	.logo.mix-nav-logo .nav-icon { right:50px; }
	.nav-icon {
	    position: absolute;
		right:90px;
		top:50%;
		transform:translateY(-50%);
		cursor: pointer;
	}
	.nav-icon::before {
	    font-family: 'material-design-iconic';
		font-size: 35px;
		line-height: 35px;
		color: #828282;
		display: inline-block;
		content: "\f197";
	}
	.sidebarView .page-content { padding-right:30px; }
	.page-content{
		position: static;
		margin-left: 0px;
	}
	.page-content .sidebar{ padding: 20px; width: 32%; }
	.page-content .detail-box{ padding: 20px; width: 68%; }
	.page-content .quick-quotes .detail-box{width:100%;padding: 15px 20px;border-left: 0px;}
	.quotes .logo .nav-icon{
		right: 23px;
		top: 31px;
		position: absolute;
		cursor: pointer;
	}
	.quotes .logo .nav-icon::before {
	    font-family: 'material-design-iconic';
	    font-size: 45px;
	    line-height: 45px;
	    color: #828282;
	    display: inline-block;
	    content: "\f197";
	}
	.quick-quotes .other-field{ padding-top: 20px; }
	/**** Document Popup CSS *****/
	.documentList > li.documentItem { width:33.33333333%; }
	.documentList > li.documentItem:nth-child(4n+1) { clear:none; }
	.documentList > li.documentItem:nth-child(3n+1) { clear:both; }
	.custom-width.grid3 > li { width: 50%; }
	.custom-width.grid3 > li:nth-child(3n+1) { clear:none; }
	.custom-width.grid3 > li:nth-child(2n+1) { clear:both; }
	.textRight-991 { text-align:right; }
	.quick-quotes .logout-icon { right:0; }
}
@media(min-width:768px) and (max-width:991px){
	.topbar .logo img{ width: 190px; }
	.page-content .quick-quotes .detail-box{width:100%;padding: 15px 20px;border-left: 0px;}
	.quick-quotes .form-group .postcode .form-control {
	    width: 20%;
	}
	.quotes .logo .nav-icon{right: 23px;top:31px;}
	.quotes .logo .nav-icon::before {
	    font-family: 'material-design-iconic';
	    font-size: 45px;
	    line-height: 45px;
	    color: #828282;
	    display: inline-block;
	    content: "\f197";
	}
}
@media(max-width:767px){
	.quick-quotes .other-field{ padding-top: 0px; }
	.topbar{ margin-bottom:2px; }
	.topbar .logo img{ width: 180px; }
	
	.page-content{ position: relative; z-index: 3; }
	.page-content .detail-box{ padding: 20px 96px 20px 20px; width: 100%; }
	.hd-type1{ font-size: 25px; line-height: 35px; }
	.page-content .quick-quotes .detail-box{width:100%;padding: 15px 20px;border-left: 0px;}
	.quick-quotes .form-group .postcode .form-control {
	    width: 50%;
	}
	.quotes .logo .nav-icon{right: 23px;top:31px;}
	.quotes .logo .nav-icon::before {
	    font-family: 'material-design-iconic';
	    font-size: 45px;
	    line-height: 45px;
	    color: #828282;
	    display: inline-block;
	    content: "\f197";
	}
	.menu-wrap{width:240px;}

	.indication-text2 .indication-icon{ top: 8px; }

	.detail-section .sidebar.account-type-align-middle{ display: block !important; }
	.page-content .detail-box .individual.account-type-align-middle{ display: block !important; }
	.page-content .detail-box .individual.account-type-align-middle .main.account-type,
	.page-content .detail-box .company.account-type-align-middle .main.account-type{ display: block !important; }
	.page-content .detail-box .account-box .inner-account-box{ margin-bottom: 60px; }
	.page-content .detail-box .account-box div div:last-child .inner-account-box{ margin-bottom: 0px; }
	
	.row.verifyclear-after3 > div:nth-child(3n+1) { clear:none; }
	.row.verifyclear-after3 > div:nth-child(2n+1) { clear:both; }
	/**** Document Popup CSS *****/
	.documentList > li.documentItem { width:50%; }
	.documentList > li.documentItem:nth-child(3n+1) { clear:none; }
	.documentList > li.documentItem:nth-child(2n+1) { clear:both; }
	
	.custom-width.grid3 > li { width: 100%; }
	.custom-width.grid3 > li:nth-child(2n+1) { clear:none; }
	#signModal .signIframe { height:300px !important; }
}
@media(max-width:580px){
	.topbar .logo{ padding-left: 15px; }
	.topbar .logo img{ width: 150px; }
	.nav-icon{ right:65px; }
	.page-content .detail-box{ padding: 15px 70px 20px 15px;border-left: 0px; }
	.btn-valid-address{ display: none !important; }
	.quick-quotes .form-group .postcode .form-control {
	    width: 50%;
	}
	.documentList > li.documentItem { width:100%; }
	.documentList > li.documentItem:nth-child(2n+1) { clear:none; }
	.page-content .quick-quotes .detail-box,
	.fullWidthView .page-content .quick-quotes .detail-box{
		padding: 20px 15px 20px;
	}
	
	.clear-after3 > .col-sm-4:nth-child(3n+1) { clear:none; }
}