@media (max-width:767px){
.brans-sec {
    padding-bottom: 38px;
}    
.barns-bannet .content-img {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 5px;
}
.barns-bannet .logo-sec {
    margin-top: 0;
    text-align: left;
}

div.logo-sec > ul > li:nth-child(3) img {
    top: 6px;
    width: 120px;
}


.barns-bannet .logo-sec ul li img {
    width: 70px;
}

.barns-bannet .logo-sec i.fa.fa-heart {
    font-size: 18px;
    margin-right: 6px;
    margin-left: 6px;
}

.form-sec h3 {
    font-size: 27px;
    margin-top: 25px;
    line-height: 37px;
    text-align: center;
}

.form-sec .sub_head_line {
       margin-top: 0;
    margin-bottom: 8px;
    display: inline-block;
    float: none;
    font-family: Bariol;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.5;
    color: #505068;
    text-align: left;
 width: 310px;
}
.form-sec .sub_head_line br {
    display: none;
}
.form-sec > p a::after {
    width: 115px;
    height: 2px;
}
.form-sec {
    padding: 0 15px;
}
.form-sec form {
    text-align: left;
    margin: auto;
    float: none;
}
.barns-bannet figure img {
    width: 100%;
    max-width: 330px;
    margin: auto;
    float: none;
}

.barns-bannet figure .sec-img img {
    width: 65px;
}
.sec-img {
    position: absolute;
    top: -40px;
    left: 42px;
}
.form-sec form button {
    height: 55px;
    font-size: 16px;
    width: 100%;
}

.barns-bannet {
    width: 100%;
    float: left;
    background-image: url(../img/rectangle11.svg);
    padding-bottom: 70px;
    background-size: cover !important;
    height: auto;
    background-position: bottom;
}

.check-mark {
    font-size: 16px;
  
}
.barns-bannet figure {
    width: 100%;
    float: none;
    position: relative;
    max-width: 330px;
    margin: auto;
    display: inline-block;
    margin-top: 20px;
}
.albert-three {
    padding: 40px 5px;
	
    padding-bottom: 20px;
}

.albert-three h3 {
    font-size: 28px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
	    margin-top: 50px;
}
.albert-three p br {
    display: none;
}
.albert_centered__img {
    margin-top: 0;
    top: 80px;
}


.albert-three p {
    font-size: 16px;
}

.albert-three ul li figcaption p {
    display: none;
}

.albert-three ul li figure img {
    max-width: 59px;
}
.albert-three ul li figure {
    position: relative;
    margin-top: 0px;
    width: 50px;
    float: left;
}




.albert-three ul li figcaption {
    width: 82%;
    float: left;
    text-align: left;
    padding-left: 12px;
    display: flex;
    align-items: center;
    height: 53px;
}



.albert-three ul li figcaption h4 {
    font-size: 18px;
    line-height: 1.33;
    margin-top: 7px;
    margin-bottom: 13px;
        text-align: left;
}

.albert-three ul li figure img {
    max-width: 100%;
}

.albert-three ul li figcaption h4 br {
    display: none;
}
.albert-three ul li {
    display: inline-block;
    height: auto;
    background-color: transparent;
    width: 100%;
    margin-bottom: 11px;
}

.albert-three ul {
    width: 100%;
    float: left;
    margin-top: 40px;
    padding: 0px;
}
.full-banner {
    margin-bottom: 0;
    padding: 0;
}
.mobb-cont {
    margin-left: 0px;
    padding-left: 0px;
    text-align: center;
}
.mobbning h3 {
    font-size: 28px;
}
.albert_centered__img img {
    max-width: 184px;
    width: 100%;
}

.mobbning p {
    font-size: 16px;
    margin-bottom: 8px;
    text-align: left;
}
.mobbning {
    padding: 0px 0;
    padding-top: 60px;
}
.accordin-sec h3 {
    font-size: 28px;
	    margin-top: 0px;
		
    margin-bottom: 25px;
    }


.panel-default>.panel-heading a {
    font-size: 16px;
    padding-right: 8px;
}


.panel-default>.panel-heading {
    height: 50px;
    line-height: 36px;
    display: flex;
    align-items: center;
}
.panel-title {
    line-height: 17px;
        width: 98%;
    }


.brans-sec h3 {
    font-size: 24px;
}


.brans-sec p {
    font-size: 18px;
    max-width: 290px;
    margin: auto;
    float: none;
}
.brans-sec p a::after {
    width: 114px;
    height: 2px;
}
.brans-sec a.bran-btn {
    width: 283px;
    height: 55px;
    line-height: 55px;
        font-size: 16px;
}



footer {
    margin-top: 40px;
}


footer ul > li:nth-child(3) img {
    max-width: 121px;
    position: relative;
    top: 4px;
}


footer ul li img {
    max-width: 70px;
}
.accordin-sec {
    padding-bottom: 10px;
    padding-top: 0;
}

/* The container */
.check-mobile {
    display: inline-block;
    position: relative;
    padding-left: 0px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: none;
    height: 90px;
    border-radius: 5px;
    border: solid 1px #e4e4eb;
    background-color: #ffffff;
    width: 159px;
    padding-top: 16px;
}


.check-mobile:nth-child(1) {
    margin-right: 7px;
}

body .check-mobile h4 {
    font-family: 'Bariol-Bold';
    color: #505068;
    margin-top: 9px !important;
    font-size: 17px;
    margin-bottom: 2px;
}



.check-mobile p {
    font-family: Bariol;
    font-size: 14px;
    letter-spacing: 0.2px;
    text-align: center;
    color: #9696a4;
    font-weight: normal;
}

/* Hide the browser's default checkbox */
.check-mobile input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.check-box-mobile {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 30px;
        margin-bottom: 5px;
}
/* Create a custom checkbox */
.checkmark1 {
    position: absolute;
    bottom: -8px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    right: 0;
    margin: auto;
    border-radius: 100px;
}

/* On mouse-over, add a grey background color */
.check-mobile:hover input ~ .checkmark1 {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-mobile input:checked ~ .checkmark1 {
    background-image: linear-gradient(229deg, #32e2b9, #46d4c8);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark1:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-mobile input:checked ~ .checkmark1:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-mobile .checkmark1::after {
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



.only-mobile-sec {
    width: 100%;
    float: left;
    text-align: center;
    background-color: #f6f6f9;
    padding: 40px 40px;
        padding-bottom: 0px;
    margin-top: 41px;
}

.only-mobile-sec h4 {
    margin-bottom: 0px;
    font-family: 'Bariol-Bold';
    font-size: 24px;
    line-height: 1.42;
    color: #505068;
}



.only-mobile-sec p {
    font-family: 'Bariol-Bold';
    font-size: 18px;
    line-height: 1.78;
    text-align: center;
    color: #505068;
    margin-bottom: 20px;

    border-bottom: 1px solid #50506830 !important;
    padding-bottom: 15px !important;
}
.only-mobile-sec ul > li:nth-child(4) p {
    border: none !important;
    padding-bottom: 0px !important;
}

.panel-default>.panel-heading a:after {
    font-size: 20px;
}
.only-mobile-sec ul li {
    list-style: none;
    display: inline-block;
    width: 100%;
}

.panel-default>.panel-heading a:after {
    top: 0px;
    }



.second-page h6 {
    font-size: 15px;
    }


.form-sec.second-page .form-group .row {
    margin: 0px;
}



.padd-none {
    padding: 0px;
}


.banner-second {
    height: 1030px;
}
footer::before {
    height: 45px;
    top: -31px;
 
}
}



@media (max-width: 374px){
.panel-default>.panel-heading a {
    font-size: 13px;
    padding-right: 8px;
}
}





@media (min-width:768px) and (max-width:991px){
footer::before {
    background-size: 100% !important;
	    height: 59px;
    width: 100%;
    top: -58px;
}

.barns-bannet .content-img {
    padding-left: 33px;
}
.form-sec h3 {
    font-size: 28px;
    line-height: 38px;
}
.full-banner .Centered__img {
    width: 70%;
    margin-top: 76px;
}
.full-banner {
    margin-bottom: 110px;
}
.form-sec .sub_head_line {
    font-size: 15px;
}
.form-sec .sub_head_line br
{
    display: none;
}
.form-sec > p a::after {
    width: 98px;
    height: 2px;
}
.form-sec form p [type="radio"]:checked + label, .form-sec form p [type="radio"]:not(:checked) + label {
    font-size: 16px;
}
.sec-img {;
    top: -123px;
    left: 32px;
}
.barns-bannet figure {
    width: 100%;
    float: left;
    margin-top: 145px;
    position: relative;
}
.form-sec form {
    width: 100%;
    max-width: 300px;
    float: left;
}


.form-sec form button {
    height: 50px;
    font-size: 18px;
    line-height: 50px;
}

.barns-bannet {
    background-size: cover !important;
}
.banner-second {
    height: 858px;
}

.albert-three ul li figcaption h4 {
    font-size: 20px;
}
.albert-three p {
    font-size: 15px;
}

.albert-three ul li {
    height: 220px;
    width: 236px;
    padding: 0px 10px;
}
.albert-three p br {
    display: none;
}

.albert-three p {
    font-size: 14px;
}
.albert-three ul li figure img {
    max-width: 80px;
}
.albert-three {
    padding-bottom: 50px;
}

.mobbning h3 {
    font-size: 30px;
    margin-top: 0px;
}
.mobbning p {
font-size: 15px;
width: 100%;
float: left;
margin-bottom: 10px;
}
.only-mobile-sec p {
font-family: 'Bariol';
font-size: 18px;
}
.only-mobile-sec h4 {
    font-size: 25px;
}
.only-mobile-sec {
    margin-top: 20px;
}
.accordin-sec {
    padding: 30px 0;
}
}

@media (min-width:992px) and (max-width:1024px){
footer::before {
    background-size: 100% !important;
	    height: 59px;
    width: 100%;
    top: -58px;
}
.barns-bannet .content-img {
    padding-left: 32px;
}

.form-sec h3 {
    font-size: 36px;
    margin-top: 45px;
    line-height: 38px;
    margin-bottom: 19px;
}
.full-banner .Centered__img {
    width: 70%;
    margin-top: 99px;
}

.form-sec .sub_head_line {
    font-size: 16px;
}
.form-sec .sub_head_line br
{
    display: none;
}
.form-sec > p a::after {
    width: 116px;
    height: 2px;
}
.barns-bannet {
    background-size: cover !important;
    height: 798px;
}


.albert-three ul li {
    width: 309px;
}
}

@media (min-width:1025px) and (max-width:1200px){
footer::before {
    background-size: 100% !important;
	    height: 59px;
    width: 100%;
    top: -58px;
}
	.barns-bannet {
    background-size: cover !important;
    height: 798px;
}
.barns-bannet .content-img {
    padding-left: 53px;
}


.form-sec .sub_head_line {
    font-size: 20px;
}
.form-sec > p a::after {
    width: 134px;
}

.form-sec h3 {
    font-size: 36px;
    margin-top: 45px;
    line-height: 45px;
    margin-bottom: 12px;
}
.albert-three ul li {
width: 310px;
}
}
@media (min-width:1201px) and (max-width:1400px){
	.barns-bannet {
    background-size: cover !important;
    }
}



@media (max-width: 365px)
{
.form-sec h3 {
    font-size: 25px;
    line-height: 33px;
}    
.form-sec .sub_head_line
{
    font-size: 16px;
}
.form-sec .sub_head_line {
    font-size: 16px;
    width: 100%;
}
.check-mobile {
    width: 130px;

}
}