.cc  {
    max-width: 100%!important;
    padding: 10px 100px 10px 100px;
}
.ch 
    {
        max-width: 100%!important;
        padding: 10px 73px 10px 73px;
    }	
	/* events */
	.events-header {
		background: url(../../img/franchise/events.jpg) center center no-repeat;
		background-size: cover;
		height: 78%;
		background-position: center;
		}
	
		.events-header .events-header-content {
			padding-top: 11.5rem;
			text-align: left;
			padding-bottom: 20.5rem;
		}
	
		.events-header .text-container {
			margin-top: 0;
			margin-bottom: 0;
		}
.cards {
    height: 317px;
    width: 100%;
}
.text-muted {
    color: #6c757d !important;
    text-align: justify;
}
	/* card-events  */
	
	
	.course {
		
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
		display: flex;
		max-width: 100%;
		/* margin: 20px; */
		overflow: hidden;
		width: 645px;
	
	}
	
	.course h6 {
		opacity: 0.6;
		margin: 0;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	
	.course h2 {
		letter-spacing: 1px;
		margin: 10px 0;
	}
	
	.course-preview {
		background-color: #1e4169;
		color: #fff;
		padding: 30px;
		max-width: 250px;
	}
	
	.course-preview a {
		color: #fff;
		display: inline-block;
		font-size: 12px;
		opacity: 0.6;
		margin-top: 30px;
		text-decoration: none;
	}
	
	.course-info {
		padding: 25px;
		position: relative;
		width: 100%;
    }
    .events-p{
        height:126px;
    }
	
/* end-of-card */
/* service-buttom */

.service-icon i
{
	font-size: 33px;
}




@media only screen and (max-width: 768px){
 

    .events-header {
        background: url(../../img/franchise/events.jpg) center center no-repeat;
        background-size: cover;
        height: 78%;
        background-position: center;
        margin-top: 58px;
    }
    .lis {
        list-style-type: none;
        margin-bottom: 0px;
        /* margin-left: -51px; */
        color: #1e4169;
        font-size: 12px;
    }
    .events-header .events-header-content {
               padding-top: 60px;
				text-align: left;
				padding-bottom: 40px;
    }
    .cc {
        max-width: 100%!important;
        padding: 10px 0px 10px 0px;
    }
    .course {
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
        display: inline-block;
        max-width: 100%;
        margin: 0px;
        overflow: visible;
        width: 100%;
    }
    .course-preview {
        background-color: #1e4169;
        color: #fff;
        padding: 20px;
        max-width: 100%;
    }
    .course-preview h5 
    {
        color: #fff;
        font-size: 15px;
    
    }
    .events-p {
        height: auto;
    }
    .turquoise {
        color: #292B2C;
        font-size: 26px;
    }
}
/* service-button-end */

@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%;
    }
    .part img {
        margin: 16px 0px;
        height: 121px;
        padding: 9px 0px;
    }
    span.img-demo {
        background: url(../../img/franchise/services.jpg);
        display: block;
        width: 250px;
        height: 235px;
        float: none;
        margin: 16px auto;
        padding: 0;
        background-size: cover;
        border-radius: 50%;
    }
    .events-header .events-header-content{
        padding-top: 6.5rem;
        text-align: left;
        padding-bottom: 11.5rem;
    }
    .turquoise {
        color: #292B2C;
        font-size: 26px;
        margin-left: 46px;
    }
    .course {
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
        display: flex;
        max-width: 100%;
        /* margin: 20px; */
        overflow: hidden;
        width: auto;
    }
}

@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%;
    }
    .navbar-custom {
       
        box-shadow: none;
        background: #fff;
       
    }
    .turquoise {
        color: #292B2C;
        font-size: 26px;
        margin-left: 30px;
    }
    
    .events-header .events-header-content{
        padding-top: 12.5rem;
        text-align: left;
        padding-bottom: 11.5rem;
    }
    .disabled-link 
	{
		pointer-events: none;
		cursor: default;
		text-decoration: none;
		color: black;
	}
}

@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;
    }
  
}