.padding-0{ padding:0; } @media screen and (max-width: 1024px) { .addressDetailContainer { margin: 0px !important; } .padding-0{ padding:0 !important; } .addressHolder { width: 90%; height: 401px; margin: 80px auto 100px auto; padding: 0px; } .addressHeader { margin: 0px auto 40px auto; height: 36px; font-family: Franklin Gothic Book, Regular; font-size: 32px; color: #1A305F; width: 100%; text-align: center; } .sectionHeader{ font-size: 24px; font-family: Franklin Gothic, Medium; color: #1A305F; margin-bottom: 20px; } .addressSection { height: 280px; padding-left: 0px; width: 50%; float: left; } .addressSection .col-md-6 { width: 50%; float: left; } .controlSection { height: auto; padding: 0; width: 50%; float: left; } .addressContainerTop{ height: 140px; } p{ margin-bottom:3px; } .label{ color: #838286; font-size: 12px; padding: 0; text-transform: uppercase; } .controlLevel{ margin-top: 6px; margin-bottom: 6px; } .controlSectionDiv { margin-bottom: 11px; padding: 0px; } .buttonSectionDiv { margin-top: 16px; text-align: center; padding: 0px; margin-right: -15px; margin-left: -15px; } .formControls{ width: 100%; border: 1px solid #AEADAF; border-radius: 4px; height: 36px; } .formTextControls{ height: 114px; } .buttonStyle{ text-transform: uppercase; background-color: #77bd42 !important; border: none !important; height: 35px; border-radius: 5px !important; width: 178px; font-size: 14px !important; font-family: Franklin Gothic Book, Regular; padding: 10px 34.6px 9px 35px !important; height: 48px; color: white; } } @media only screen and (min-width: 1026px) and (max-width: 1368px) { .padding-0{ padding:0 !important; } .addressDetailContainer { margin: 0px !important; } .addressHolder{ width: 1008px; height: 401px; margin: 80px auto 100px auto; } .addressHeader { margin: 0px auto 40px auto; height: 36px; font-family: Franklin Gothic Book, Regular; font-size: 32px; color: #1A305F; width: 100%; text-align: center; } .sectionHeader{ font-size: 24px; font-family: Franklin Gothic, Medium; color: #1A305F; margin-bottom: 20px; } .addressSection{ height: 280px; /* width: 387px;*/ } .controlSection{ height: 325px; /*width: 467px;*/ } .addressContainerTop{ height: 140px; } p{ margin-bottom:3px; } .label{ color: #838286; font-size: 12px; padding: 0; text-transform: uppercase; } .controlLevel{ margin-top: 6px; } .controlSectionDiv { margin-bottom: 11px; padding: 0px; margin-right: -15px; margin-left: -15px; } .buttonSectionDiv { margin-top: 16px; text-align: center; padding: 0px; margin-right: -15px; margin-left: -15px; } .formControls{ width: 100%; border: 1px solid #AEADAF; border-radius: 4px; height: 36px; } .formTextControls{ height: 114px; } .buttonStyle{ text-transform: uppercase; background-color: #77bd42 !important; border: none !important; height: 35px; border-radius: 5px !important; width: 178px; font-size: 14px !important; font-family: Franklin Gothic Book, Regular; padding: 10px 34.6px 9px 35px !important; height: 48px; color: white; } } @media only screen and (min-width: 1370px) and (max-width: 1690px) { .padding-0{ padding:0 !important; } .addressDetailContainer { margin: 0px !important; } .addressHolder{ width: 1008px; height: 401px; margin: 80px auto 100px auto; } .addressHeader { margin: 0px auto 40px auto; height: 36px; font-family: Franklin Gothic Book, Regular; font-size: 32px; color: #1A305F; width: 100%; text-align: center; } .sectionHeader{ font-size: 24px; font-family: Franklin Gothic, Medium; color: #1A305F; margin-bottom: 20px; } .addressSection{ height: 280px; /* width: 387px;*/ } .controlSection{ height: 325px; /*width: 467px;*/ } .addressContainerTop{ height: 140px; } p{ margin-bottom:3px; } .label{ color: #838286; font-size: 12px; padding: 0; text-transform: uppercase; } .controlLevel{ margin-top: 6px; } .controlSectionDiv { margin-bottom: 11px; padding: 0px; margin-right: -15px; margin-left: -15px; } .buttonSectionDiv { margin-top: 16px; text-align: center; padding: 0px; margin-right: -15px; margin-left: -15px; } .formControls{ width: 100%; border: 1px solid #AEADAF; border-radius: 4px; height: 36px; } .formTextControls{ height: 114px; } .buttonStyle{ text-transform: uppercase; background-color: #77bd42 !important; border: none !important; height: 35px; border-radius: 5px !important; width: 178px; font-size: 14px !important; font-family: Franklin Gothic Book, Regular; padding: 10px 34.6px 9px 35px !important; height: 48px; color: white; } } @media only screen and (min-width: 1692px) and (max-width: 1930px) { .padding-0{ padding:0 !important; } .addressDetailContainer { margin: 0px !important; } .addressHolder { width: 1460px; height: 401px; margin: 100px auto 100px auto; } .addressHeader { margin: 0px auto 66px auto; height: 46px; font-family: Franklin Gothic Book, Regular; font-size: 40px; color: #1A305F; width: 100%; text-align: center; } .sectionHeader { font-size: 32px; font-family: Franklin Gothic, Medium; color: #1A305F; margin-bottom: 24px; } .addressSection{ height: 280px; /* width: 387px;*/ } .controlSection{ height: 325px; /*width: 467px;*/ } .addressContainerTop { height: auto; min-height: 195px; } p { margin-bottom: 3px; font-size: 20px; } .label { color: #838286; font-size: 16px; padding: 0; text-transform: uppercase; } .controlLevel{ margin-top: 6px; } .controlSectionDiv { margin-bottom: 11px; padding: 0px; margin-right: -15px; margin-left: -15px; } .buttonSectionDiv { margin-top: 16px; text-align: center; padding: 0px; margin-right: -15px; margin-left: -15px; } .formControls { width: 100%; border: 1px solid #AEADAF; border-radius: 4px; height: 50px; } .formTextControls{ height: 143px; } .buttonStyle{ text-transform: uppercase; background-color: #77bd42 !important; border: none !important; height: 35px; border-radius: 5px !important; width: 178px; font-size: 14px !important; font-family: Franklin Gothic Book, Regular; padding: 10px 34.6px 9px 35px !important; height: 48px; color: white; } }