/* responsive layout */
@media only screen and (max-width: 767px){
	body { min-width:320px; }
	img { height:auto; }
	
	/* header */
	.tobarpbtn { display:none; }
	.callblock { box-sizing:border-box; font-size: 13px; float: left; width: 100%; padding:10px 10px 10px 30px; }
	.callblock span.icon { left:5px; top: 15px; }
	
	.logo { position:absolute; top:0; left:21%; box-shadow: none; max-width: 331px; }
	.navigation { position:relative; margin: 0; float:none; }
	.navigationicon { background:url(../images/menuicon.svg) no-repeat center; width:54px; height:54px; cursor: pointer; }
	.navigationicon:hover { /*background-image:url(../images/menuicon_active.svg);*/ }
	.headerwrapper { display:none; }
	.mobileheader { display:block; position:relative; background: #feae00; }
	.mobileheader .navigation ul { background:#ffbe30; padding: 10px 0; display: none; }
	.mobileheader .navigation ul li { display:block; float:none; margin:0; max-width: 100%; }
	.mobileheader .navigation ul li a , .mobileheader  .navigation ul li.howitwork a { display:block; border: 0; box-shadow: none; background: none; text-align: left; padding: 11px 20px; }
	.mobileheader .navigation ul li.active a, .mobileheader .navigation ul li:hover a { background: none; }
	
	/* footer */
	.footerblock { padding:25px 0; }
	.footercontainer .fcol { float:none; width:100%; padding: 10px 25px; box-sizing: border-box; border:0; text-align:left; }
	.footerlinkbox { text-align:left; padding: 10px 20px 0; }
	
	/* homepage */
	.homeblockcontainer .divorceonlineblock { width: 100%; height: auto; box-sizing: border-box; margin: 0 0 10px; }
	.blocktitle, .title { text-align:left; }
	.homeblockcontainer .howitworksblock { width:100%; height:auto; box-sizing: border-box; }
	.howitworkstep { width:100%; box-sizing: border-box; background: #ea8b17; border: 3px solid #d2811e; border-radius: 10px; height: auto; padding:16px 18px 21px; }
	.fastfactsliderbox { margin:0; padding:0 15px; box-sizing: border-box; }
	.commitmentsavingsblockcontainer .blockcontent ul { width:100%; }
	
	/* page */
	.bannerslider .slick-slide img { min-height: 139px; }
	input, select, textarea { box-sizing: border-box; }
	.contactform textarea { width:100%; }
	.howitworkspage .title { margin: 15px 10px 25px; }
	.howitworkssummaryboxleft { width:100%; float:none; padding: 0 0 15px; }
	.howitworkssummaryboxright { width:100%; float:none; }
	.howitworkstepblockcontent , .contactpage .twocols .leftcol { max-width:100%; box-sizing: border-box; }
	.pricingtable { overflow:auto; }
	.faqpage .twocols .rightcol , .contactpage .twocols .rightcol , .loginpage .twocols .rightcol , .loginpage .twocols .leftcol , .myaccountpage .twocols .leftcol { width:100%; box-sizing: border-box; }
	.loginpage .twocols .rightcol { margin:25px 0 0; }
	
	.popupbox { box-sizing: border-box; max-width:100%; }
	.notqualifiedform { float:none; width:100%; }
	.notqualifiedform table input { width:100%; }
	.notqualifiedformcontact { float:none; width:100%; }
	.formpage .twocols .rightcol { display:none; }
	
	.myaccountpage .rightcol { width:100%; padding: 0 12px; box-sizing: border-box; margin:25px 0 0; }
	
	/* form */
	.formfieldrowcontent table tr td { display:block; padding:3px 0; }
	.formfieldrowcontent table tr td.middlecol { padding:3px 0; }
	.identitynobox input.plaintiffidentityno, .identitynobox input.defendantidentityno , .childidentitynobox input { height:34px; }
	.formfieldrow.dob .dobmonth .styled-select { margin:0; }
	.formfieldrowcontent label.other input[type="text"] { width:100%; }
	.addressboxsamefield { margin:0; }
	.addressblockfield.street input , .formfieldrowcontent label .conditionfieldspecification input , .maintenancebanknamebox input, .wifemaintenancebanknamebox input , .formstep5page .addressblockfield.street { width:100%; box-sizing: border-box; }
	.addressblocklabel { display:block; padding: 5px 0; }
	.formfieldrowcontent label span { width: 85%; }
	.formstep1page .formfieldrowcontent label span { width:auto; }
	.formfieldrowcontent label input { width:15px; }
	.number, .formfieldrowcontent label span.number { width:auto; }
	.groundreasonlist label span { width: 75%; }
	.formfieldrowcontent .staytogether span { display:block; padding:0; width: 100%; }
	.separationfieldcontainer .short .styled-select { margin:0; }
	.formfieldrowcontent .deedofseparationbox input { width:100%; }
	.selectedreasonbox .reasonbox textarea.disable { width:100%; }
	.selectedreasonbox .listnumber { display:block; margin: 5px 0; }
	.selectedreasonbox .reasonbox { display:block; }
	.selectedreasonbox .reasonbox textarea { width:100%; }
	.formfieldrowcontent label { width:100%; display:block; }
	
	
}
@media only screen and (max-width: 480px){ 
	.logo { left:13%; }
}
@media only screen and (max-width: 408px){ 
	.logo { left:13%; }
}