.brc {
    margin: 63px auto;
    display: block;
    text-align: right;
}

.bros {
    text-align: center;
    display: block;
    margin: 32px auto;
}

.bros select 
{
     padding: 8px 16px; 
    border:1px solid black;
    background-color:transparent;
     border-radius: 8px; 
    width: 250px;
    
}
.bros select:focus 
{
   border:1px solid black;
    border-radius: 8px; 
   outline:none!important;
}

button:focus {
  
    outline: none;
}

.dwn {
    margin: 28px auto;
    display: block!important;
}

.btn-solid-reg {
    display: inline-block;
    padding: 19px 27px 10px;
    border: 0.125rem solid #1e4169;
    border-radius: 2rem;
    background-color: #1e4169;
    color: #fff;
    font: 700 0.75rem/0 "Raleway", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
    font-size: 16px;
}

.btn-solid-reg i 

{
    margin-top:-8px;
}

.vcn {
    background-color: #cccccc5c;
    margin: 65px 0px 30px 0px;
}

/* payroll-header */
	.payroll-header {
		background: url('../../img/franchise/payroll.jpg') center center no-repeat;
		background-size: cover; 
		height: 78%;
		background-position: center;
	}

    .payroll-header .payroll-header-content {
        padding-top: 11.5rem;
            text-align: left;
            padding-bottom: 20.5rem;
      
    }
	.payroll-header .text-container {
		margin-top: 0;
		margin-bottom: 0;
	}
    /* end-payroll-header */
    .pay-lis li {
        padding: 8px 30px;
        background-color: #ccc;
        margin: 10px;
        border-left: 3px solid #1e4169;
        color: #1e4169;
    }
  
    .cc {
        max-width: 100%!important;
        padding: 10px 100px 10px 100px;
    }

    
.bookmarkRibbon {
    width: fit-content;
    height: 0;
    border-bottom: 20px solid #1e4169;
    border-top: 20px solid #1e4169;
    border-right: 15px solid transparent;
    bottom: 70px;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    right: -15px;
    top:0px;
    border-radius: 5px;
    padding: 0 20px;
    margin-bottom: 30px;
}
.lh li 
{
   line-height: 26px;
    
}
@media only screen and (max-width: 768px){
    .pay-lis {
        list-style-type: none;
        width: fit-content;
        /* margin-left: -45px; */
    }
    .lis {
        list-style-type: none;
        margin-bottom: 0px;
        /* margin-left: -51px; */
        color: #1e4169;
        font-size: 12px;
    }
    .cc {
        max-width: 100%!important;
        padding: 10px 0px 10px 0px;
    }
    .payroll-header {
        background: url('../../img/franchise/book.jpg') center center no-repeat;
        background-size: cover;
        height: 78%;
        background-position: center;
        margin-top: 58px
    }
    .payroll-header .payroll-header-content {
        padding-top: 60px;
        text-align: left;
        padding-bottom: 40px;
    }
    .turquoise {
        color: #292B2C;
        font-size: 20px;
    }
    .bookmarkRibbon {
        width: fit-content;
        height: 0;
        border-bottom: 20px solid #1e4169;
        border-top: 20px solid #1e4169;
        border-right: 15px solid transparent;
        bottom: 70px;
        font-size: 10px;
        font-weight: 700;
        position: relative;
        right: -15px;
        top: 0px;
        border-radius: 5px;
        padding: 0 20px;
        margin-bottom: 30px;
    }

}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation :landscape)
{
    .lis {
        list-style-type: none;
        margin-bottom: 0px;
        /* margin-left: -35px; */
        color: #1e4169;
        margin-right: 0%;
    }
    .serviceBox3 {
        padding: 24px 24px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background-color: #ffd76e;
        margin-bottom: 21px;
    }
    .turquoise {
        color: #292B2C;
        font-size: 26px;
        /* margin-left: 46px; */
    }
    .payroll-header .payroll-header-content
    {
    padding-top: 6.5rem;
    text-align: left;
    padding-bottom: 11.5rem;
    }
}


@media screen and (min-width:768px) and (max-width:1024px) and (orientation :portrait)
{
    .lis {
        list-style-type: none;
        margin-bottom: 0px;
        /* margin-left: -35px; */
        color: #1e4169;
        margin-right: 55%;
    }
    .payroll-header .payroll-header-content {
        padding-top: 12.5rem;
        text-align: left;
        padding-bottom: 11.5rem;
        }
        .turquoise {
            color: #292B2C;
            font-size: 26px;
            margin-left: 30px;
        }
}

@media screen and (min-width:1024px) and (max-width:1366px)
{
    .lis {
        list-style-type: none;
        margin-bottom: 0px;
        /* margin-left: -35px; */
        color: #1e4169;
        margin-right: 0%;
    }
    
    .turquoise {
        color: #292B2C;
        font: 700 2rem/3.5rem "Raleway", sans-serif;
    }
  
}