/* only ipad 1024 and bigger screen landscape screen */

@media only screen and (min-width: 768px) {
#mainmenu > ul { display: block !important; }
}

/*==========================================================================================================*/

@media only screen and (max-width: 1200px) {
.sectiontitle { font-size: 24px; }
.bannerflexboxinn h2 { font-size: 20px; }
.bannerflexboxinn a span { font-size: 14px; }
.bannerflexboxinn { padding: 20px 20px 0; }
.bannerflexboxinn a { width: calc(100% + 40px); left: -20px; padding: 34px 15px; }
.bannerflexboxinn a span { font-size: 18px; }
.ourservicesblock h3 { font-size: 20px; }
.wbcleftbox, .wbcrightbox { padding: 30px; }
.downloadformsaerainne { padding: 80px; }
.whatareleft { padding-right: 30px; }
.sectipadd { padding: 60px 0; }
.footerinner h2, .footerinnbottom h2 { font-size: 20px; }
#mainmenu { margin: 0 0 8px 0; }
.bannerflexblock { margin:70px -10px; }
.birthcertifservice { padding-right: 30px; }
#header { padding: 15px 0; }
.sdfleftbox, .sdfrightbox { padding: 30px 0; }
.confirmatbottomdetail h5 { font-size: 18px; }
.confirmflexleft p, .confirmflexright p { font-size: 16px; }
.confirmflexinnadd p { font-size: 16px; }
.button.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg, button.btn-lg { font-size: 16px !important; }
/*.formsectionboximguploader .avatar-upload { width:30%; }
.formsectionboximguploader .cols { width: 70%; }*/
.formsectionboximguploader .cols { width: 100%; }
.welcomearea h2 { font-size: 35px; }
.welcomearea .sectitle { font-size: 40px; }

}

/*==========================================================================================================*/

@media only screen and (max-width: 1023px) {
body { min-width: 320px; }
img { max-width: 100%; width: auto; height: auto; }
.wrap { width: auto; padding: 0 20px; }
.default-grid.form-grid.cols2 .col { width: auto; float: none; }
.buttonset .col a { margin: 0 5px 8px 0; }
.default-grid.cols4 .col { width: 50%; }
.cols2.default-grid.tab-grid .col { width: 100%; }
.image-block figure { width: 45%; }
/*.bannerflexblock { margin: 150px -10px 50px -10px; }
.bannerflexbox { flex: 0 0 50%; max-width: 50%; margin-bottom: 20px; }*/
.bannerflexboxinn h2 { font-size:19px; }
.birthcertifarea.sectipadd { padding-top: 60px; }
.formstepsnav li:before { transform: scale(0.8); }
.formstepsnav li br { display: block; }
.shippingaddressaera .formsectisubtitle { font-size: 20px; }
.shippingleftadd h4 { font-size: 18px; }
.shippingleftadd address { font-size: 16px; }
.shippingaddressaera { margin-top: 30px; }
.confirmflexinnadd h5 { font-size: 18px; }
.confirmflexleft { margin-bottom: 20px; }
.confirmflexleft, .confirmflexright { flex: 0 0 100%; max-width: 100%; padding: 0; }
.confirmatbottomdetail { padding-bottom: 0; }
.fsocial li a img { top:0; left:0; }
.copyright-text p { font-size:15px; }
.copyright-text p span { padding: 0 10px; }
.footerinner h2 { margin-bottom:10px; }
.copyright-area { padding:20px 0; }
.disboxright, .disboxleft { flex: 0 0 100%; max-width:100%; padding:0; text-align:center; }
.disboxleft { margin:0 0 10px; }
.breadcrumbsarea { height: 230px; }
.breadcrumbsarea .breadcrumbstext h3 { font-size: 30px; }
.formsectionboximguploader { display:block; }
.formsectionboximguploader .avatar-upload, .formsectionboximguploader .cols { width:auto; padding:0; height:auto !important; }
.formsectionboximguploader .avatar-upload { height: 330px !important; max-width: 325px; margin: 0 auto 20px; }
.formstepsnav li { font-size:16px; }
.formwrapper h3 { text-align:center; }
.formwrapper .cols .col { width:50%; }
.welcomearea h2 { font-size: 28px; }
.welcomearea .sectitle { font-size: 34px; }
}



/*==========================================================================================================*/

@media only screen and (max-width: 767px) {
#mainmenu > ul { display: none; position: absolute; left: 0; width: 100%; top: 100%; background: #000; z-index: 5; }
#mainmenu ul li { float: none; margin: 0; padding: 0; border-bottom: solid 1px #383838; }
#mainmenu ul li a { padding: 8px 15px; display: block; color: #fff; font-size: 14px; }
#mainmenu ul li a:after { display: none; }
/* Responsive Menu line icon*/

#menu { display: block; }
.menulines-button { padding: 0; cursor: pointer; user-select: none; text-transform: uppercase; font-size: 16px; color: #fff; text-decoration: none; height: 20px; }
.menulines-button em { display: none; }
.menulines-button:hover { text-decoration: none; }
.menulines { display: inline-block; width: 20px; height: 3px; background: #7f8e9d; position: relative; float: left; margin: 9px 0 0 0; -moz-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity: 1; }
.menulines:before, .menulines:after { display: inline-block; width: 20px; height: 3px; background: #7f8e9d; position: absolute; left: 0; content: ''; -moz-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
.menulines:before { top: 7px; }
.menulines:after { top: -7px; }
.menuopen .menulines { background: none; }
.menuopen .menulines:before, .menuopen .menulines:after { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; }
.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.menuopen .menulines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
.default-grid.cols3 .col { width: 50%; }
.default-grid.cols3 .col:nth-child(3) { clear: left; }
.tabnav { display: none; }
.tab-container { padding: 0; border: none; }
.tab-data { margin: 0 0 30px; }
.tab-data .tabnav { display: none; }
.tab-container .tabMobiletrigger { background: #f3f3f3; border: medium none; font-size: 15px !important; text-transform: uppercase; margin: 0 0 7px; padding: 16px 54px 16px 16px; position: relative; cursor: pointer; font-weight: bold; }
.tabMobiletrigger:after { border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-top: 8px solid #848690; content: ""; margin-top: -3px; position: absolute; right: 19px; top: 50%; }
.tabMobiletrigger:before { background: rgba(0, 0, 0, 0.08); content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 54px; z-index: 1; }
.tabcontent { padding: 15px 0; margin: 0; }
.tabMobiletrigger.rotate:after { border-top-color: #272c2f; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width: 100%; float: none; }
#mainmenu { margin-top: 13px; padding: 0; }
.bannerflexbox { flex: 0 0 100%; max-width: 100%; }
.bannerflexblock { margin:10px 0 30px; }
.bannerflexbox { padding: 0; }
.bannerflexboxinn { margin-top:20px; }
.bannerflexboxinn h2 { font-size: 18px; }
.bannerflexboxinn a { padding: 26px 16px; }
.bannerflexboxinn a span { font-size: 20px; }
.birthcertifarea.sectipadd { padding-top: 40px; }
.sectipadd { padding: 40px 0; }
.sectiontitle { font-size: 20px; }
.ourservicesblock h3 { font-size: 18px; }
.birthcertifservice ul li { margin-bottom: 10px; }
.birthcertifservice { padding: 0; }
.birthcertifservice, .birthcertifserviceimg { flex: 0 0 100%; max-width: 100%; }
.birthcertifservice { margin-bottom: 20px; }
.wbcleftbox, .wbcrightbox { padding: 20px; }
.wbcleftbox, .wbcrightbox { flex: 0 0 100%; max-width: 100%; }
.downloadformsaerainne { padding: 30px 0; }
.whatareleft, .whatareright { flex: 0 0 100%; max-width: 100%; }
.whatareright p { margin: 0; }
.disboxleft { padding: 0; }
.disboxright, .disboxleft { flex: 0 0 100%; max-width: 100%; }
.disboxright p:last-child { margin: 0; }
.sdfrightbox { padding-top:0 !important; }
.sdfleftbox, .sdfrightbox { flex: 0 0 100%; max-width: 100%; }
.footerinnbottom p { margin: 0; }
.footerinner h2, .footerinnbottom h2 { font-size: 18px; }
.footerinner .logofooter { max-width: 220px; }
.footerinner h2 { margin-bottom: 20px; }
.footerinner { padding: 40px 0 20px; }
#logo { width:150px; }
#mainmenu li.active a { color: #fff; background: #255092; }
#innerbanner { margin-top: 66px; padding: 20px; }
#innerbanner h3 { font-size: 24px; }
.formstep h3 { font-size: 20px; }
.formstepsnav li:before { transform: scale(0.5); }
.formstepsnav li { font-size: 14px; line-height: 20px; padding: 80px 10px 0; }
.formwrapper .customfile { font-size: 14px; }
.formwrapper .cust-btn:before { top: -10px; position: relative; }
.planinfolisting .planinfo li { font-size: 14px; }
.formssection { padding-top: 0; }
.formfeildswrapper { margin: 10px 0 0; }
.form-group label { font-size: 14px; }
.formssection { margin-top: 40px; }
.formstepsnav { margin-bottom: 30px; }
.formsectionbox .cols2 .col { width: 100%; }
.formstep .form-group label { margin-bottom: 10px; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { font-size: 14px; }
.shippingleftadd, .shippingrightadd { flex: 0 0 100%; max-width: 100%; padding: 0; margin: 0; border: none; }
.shippingaddressaera .formsectisubtitle { font-size: 18px; }
.shippingleftadd h4 { font-size: 16px; }
.shippingleftadd p, .shippingrightadd p, .shippingleftadd address { font-size: 14px; }
.confirmation { padding: 20px; }
.confirmflexleft p, .confirmflexright p { font-size: 14px; }
.confirmflexinnadd h5 { font-size: 18px; margin-bottom: 10px; padding-bottom: 10px; margin: 0 -15px 10px; padding: 0 15px 10px; }
.confirmflexinnadd p { font-size: 14px; }
.confirmatbottomdetail h5 { font-size: 16px; }
.confirmatbottomdetail ul li { font-size: 14px; }
.confirmatbottomdetail ul li p { margin-bottom: 10px; }
.formsectisubtitle { font-size: 20px; }
.button.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg, button.btn-lg { font-size: 14px !important; padding: 12px 20px !important; }
.confirmation { margin-bottom: 40px; }
.confirmatbottomdetail { padding: 20px 0 0; }
.documentationbypost h5 { font-size: 16px; }
.documentationbypost p { font-size: 14px; }
.documentationbypost { margin-bottom: 40px; padding: 20px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px !important; }
.formnextbtn { margin: 20px 0; }
.shippingaddressaera { padding: 10px 20px; }
.confirmflexleft p, .confirmflexright p { margin-bottom: 10px; }
.formstep .formsectionbox .cols1 .col .form-group:last-child { padding-bottom: 0; }
.confirmflexinnadd p { margin: 0; }
.copyright-area .fsocial { display:none; }
.copyright-area .copyright-wrapper { display:block; text-align:center; }
.footerinner a { display:block; }
#main .whatareareaoinn ul li.web { width: 235px; text-overflow: ellipsis; overflow: hidden; }
.breadcrumbsarea { height: 150px; }
.welcomearea h2 { font-size: 24px; margin-bottom: 0; }
.welcomearea .sectitle { font-size: 28px; margin-top: 20px; }
.backgroundafbf .wbcleftbox:after, .backgroundafbf .wbcrightbox:after { width: 100%; }
.wbcarearevese .wbcrightbox:before { height: 300px; width: calc(100% + 40px); position: relative; left: -20px; display: block; }
.wbcarearevese .wbcleftbox:after { width: 100%; }
body { overflow-x: hidden; }

}

/*==========================================================================================================*/

/* only iphone4 landscape & Potriat 300 by 480*/

@media only screen and (max-width: 567px) {
.form-inline .form-group label, .form-inline .form-group .field-box { float: none; display: block; width: auto; }
.form-inline .form-group label.blank { display: none; }
#innerbanner h3 { font-size: 18px; }
.default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width: auto; float: none; }
table.res-table tr th { display: none; }
table.res-table tr td { display: block; position: relative; padding-left: 50%; }
table.res-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 50%; display: block; padding-right: 10px; position: absolute; left: 0; top: 0; padding: 10px 10px; }
table.res-table { border-top: 0; }
.list-block.cols3 .col { width: 100%; float: none; }
.image-block figure { width: 100%; float: none; padding-right: 0; }
.image-block.right-align figure { padding-left: 0; }
.footerinner .cols .col { width: 100%; margin-bottom: 20px; }
.footerinner .cols .col:last-child { margin: 0; }
.footerinner h2 { margin-bottom: 15px; }
.downloadbirtharea h2 { margin-bottom: 20px; }
.formssection { margin-top: 0; }
.formstepsnav { margin-bottom: 10px; position: relative; top: 7px; left: -5px; padding:0 10px; }
.formsectisubtitle { margin: 10px 0; }
.formnextbtn { font-size: 14px !important; }
.shippingaddressaera { margin-top: 0; }
.formstepsnav li:before { left: 4px; }
.shippingaddressaera .formsectisubtitle { font-size: 15px; }
.confirmflexinnadd h5 { font-size: 15px; }
.formstepsnav li { padding: 58px 0 0; font-size: 13px; -webkit-transform: scale(0.87); transform: scale(0.87); white-space: nowrap; position: relative; right: 26px; width: 36%; word-wrap: break-word; margin-right: -58px; line-height:1; }
#main .documentneededlisting li { flex: 0 0 50%; }
.breadcrumbsarea .breadcrumbstext h3 { font-size: 20px; }
.contactsection { text-align: center; }
#main .documentneededlisting li p { background:#fff; }
.formwrapper .cols { margin:0; }
.formwrapper .cols .col { width:auto; float:none; padding:0; }
.formwrapper .formstepinner { margin: 20px 0 0; padding-top: 20px; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { height:50px; }
.formfeildswrapper .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered { height: 50px !important; line-height: 40px !important; }
.ui-datepicker { margin: -30px -39px 0 !important; -webkit-transform: scale(0.82); transform: scale(0.82); top: 1010.3px !important; }
.welcomearea h2 { font-size: 16px; margin-bottom: 0; }
.welcomearea .sectitle { font-size: 18px; margin-top: 20px; margin-bottom: 10px; }
}

/*==========================================================================================================*/

/* only iphone landscape 340 by 478*/

@media only screen and (max-width: 480px) {
.form-inline .form-group label, .form-inline .form-group .field-box { float: none; display: block; width: auto; }
.form-inline .form-group label.blank { display: none; }

.error404 .blog-template h1 { font-size: 80px; }
	.error404 .blog-template .page-content { font-size: 16px; }
}

/*==========================================================================================================*/

/* only iphone portrait 300 by 479*/

@media only screen and (max-width: 479px) {
	.formstepsnav li:before { transform: scale(0.65); }
	.formstep h3 { font-size: 18px; }
	.bussinesslistboxtopinfo h3 { font-size: 16px; }
	.formstepsnav li { margin-right: -49px; right: 20px; }
	.home #main .documentneededlisting li { flex: 0 0 100%; padding:0; }


	.error404 .blog-template h1 { font-size: 80px; }
	.error404 .blog-template .page-content { font-size: 16px; }

}

/*==========================================================================================================*/
@media only screen and (max-width: 380px) {
.formstepsnav li:before { left: -6px; }
.formstepsnav li { margin-right: -19px; right: 10px; width: 30%; }
}