@media only screen and (max-width: 1024px) {
  /*****Slide******/

  .slidecol1 {
    float: left;

    width: 30%;

    min-height: 130px;
  }

  .slidecol2 {
    float: left;

    width: 70%;

    min-height: 130px;
  }

  .slidecolicon {
    border: 2px solid #fdcf76;

    text-align: center;

    padding: 20px 0px;

    border-radius: 50%;

    height: 55px;

    width: 55px;

    line-height: 55px;

    color: #fdcf76;

    font-size: 18px;
  }

  /*Header Part*/

  .collicon {
    font-size: 20px;

    float: left;

    padding: 8px 8px;

    color: #fdcf76;
  }

  .collicon1 {
    float: left;

    padding: 8px 0px;
  }

  .coursegridcol {
    float: left;

    width: 40%;
  }

  .coursegridcol1 {
    float: left;

    width: 60%;

    text-align: right;
  }

  .coursesgriddetails h3 {
    padding: 10px;
  }

  .coursesgriddetails ul.coursesgd li {
    padding-left: 37px;
  }

  .coursesgriddetails ul.coursesgd li i {
    left: 10px;
  }

  .coursesgriddetails p {
    padding: 10px;
  }

  /*---------BOS Awards & Orations----------*/

  .hero-text-container {
    margin: 30px 0px;

    background-image: url(../images/bosandobg.html);

    background-position: 88% 37%;

    background-size: 900px;
  }

  .hero-brush-box-inner h3 {
    width: 100%;

    margin-top: 0px;

    margin-bottom: 20px;

    color: #000;

    font-size: 26px;

    line-height: 30px;

    font-weight: 600;
  }

  .bottom-left {
    position: absolute;

    bottom: 20px;

    left: 16px;

    font-size: 16px;

    color: #fff;

    font-weight: 600;

    padding: 6px;
  }

  /*bosphotogallery*/

  .bosphotogallery {
    padding: 40px 0px;

    background-image: url(../images/bosaobg.html);

    background-size: cover;

    margin-bottom: 30px;
  }

  .hero-text-containersub {
    margin: 10px 0px;

    background-image: url(../images/bosandobg.html);

    background-position: 88% 37%;

    background-size: 1100px;
  }

  .hero-brush-box-outersub {
    padding: 16px 16px 16px 0px;

    background-color: transparent;
  }

  .hero-brush-box-innersub {
    display: block;

    padding: 20px 20px 20px 20px;

    background-color: #000000;
  }

  .hero-brush-box-innersub h4 {
    width: 100%;

    margin-top: 0px;

    margin-bottom: 4px;

    color: #ffffff;

    font-size: 18px;

    line-height: 20px;

    font-weight: 600;
  }

  .hero-brush-box-innersub p {
    width: 100%;

    font-size: 13px;

    color: #ffffff;
  }

  .imggreysub {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

    margin-bottom: 20px;
  }

  /*Crousal Navigation*/

  .carousel-control.left {
    background-image: linear-gradient(
      to right,
      transparent 0,
      transparent 100%
    );
  }

  .carousel-control.right {
    background-image: linear-gradient(
      to right,
      transparent 0,
      transparent 100%
    );
  }

  .carouselcontrolleft {
    left: 72% !important;

    background-image: linear-gradient(
      to right,
      transparent 0,
      transparent 100%
    );
  }

  .carouselcontrolright {
    right: 8% !important;
  }
}

@media only screen and (max-width: 768px) {
  /*Datalabel-table*/

  table.datalabel-table {
    background-color: transparent !important;

    border: 0;
  }

  table.datalabel-table thead {
    display: none;
  }

  table.datalabel-table tbody > tr {
    margin-bottom: 0px;

    display: inline-block;

    border: 0px;

    border-collapse: collapse;

    padding: 0;

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);

    width: 100%;
  }

  table.datalabel-table tbody > tr > td {
    display: block;

    /*        background-color: #ffffff;*/

    border-top: 0px;

    font-size: 12px;

    text-align: right;
  }

  table.datalabel-table tbody > tr > td.mid-title {
    padding: 5px 10px;

    text-align: center;

    height: auto;

    color: #144959;
  }

  table.datalabel-table tbody > tr > td:last-child {
    border-bottom: 0px;
  }

  table.datalabel-table tbody > tr > td:before {
    content: attr(data-label);

    text-align: left;

    float: left;

    font-weight: 700;

    line-height: 20px;

    word-wrap: break-word;

    font-size: 11px;
  }

  .media-body,
  .media-left,
  .media-right {
    display: block;

    width: 100%;
  }

  .captiontext {
    top: 18%;
  }

  .captiontext h4 {
    padding-top: 20px;

    font-size: 18px;
  }

  .newsletter {
    padding: 40px 10px;
  }

  .desktopaads {
    display: none;
  }

  .mobiads {
    display: block;
  }

  .welmsgimg {
    width: 150px;

    text-align: left;
  }

  /*Datalabel-table*/

  table.datalabel-table {
    background-color: transparent !important;

    border: 0;
  }

  table.datalabel-table thead {
    display: none;
  }

  table.datalabel-table tbody > tr {
    margin-bottom: 0px;

    display: inline-block;

    border: 0px;

    border-collapse: collapse;

    padding: 0;

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);

    width: 100%;
  }

  table.datalabel-table tbody > tr > td {
    display: block;

    /*        background-color: #ffffff;*/

    border-top: 0px;

    font-size: 12px;

    text-align: right;
  }

  table.datalabel-table tbody > tr > td.mid-title {
    padding: 5px 10px;

    text-align: center;

    height: auto;

    color: #144959;
  }

  table.datalabel-table tbody > tr > td:last-child {
    border-bottom: 0px;
  }

  table.datalabel-table tbody > tr > td:before {
    content: attr(data-label);

    text-align: left;

    float: left;

    font-weight: 700;

    line-height: 20px;

    word-wrap: break-word;

    font-size: 11px;
  }

  /* Container

	---------------------------------------------------------------------- */

  .horizontalgallery {
    width: 100%;

    display: flex;

    justify-content: center;
  }

  .verticalgallery {
    height: 130px;

    display: flex;

    flex-direction: column;

    justify-content: center;
  }

  .gallery-wrapper {
    /* Target Elements

		---------------------------------------------------------------------- */

    /* Grid Breakpoints

		---------------------------------------------------------------------- */

    /* 2 Columns */

    /* 3 Columns */
  }

  .carousel-caption {
    bottom: 1%;

    padding: 6px;
  }

  .carousel-caption h3 {
    font-size: 16px;

    margin: 0;
  }

  .carousel-caption p {
    font-size: 12px;
  }

  .gallery-wrapper .gallery-item {
    padding: 15px;
  }

  .gallery-wrapper .gallery-item .image-block {
    padding: 6px;

    border: 1px solid transparent;
  }

  .gallery-wrapper .gallery-item .image-block .image {
    position: relative;

    overflow: hidden;

    max-height: 130px;
  }

  .gallery-wrapper .gallery-item .image-block .image img {
    width: 100%;

    height: auto;
  }

  .gallery-wrapper .gallery-item .image-block .image .primary-overlay {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0;

    transform: scale(0.8);

    transition: 0.3s ease;
  }

  .gallery-wrapper .gallery-item .image-block .image .primary-overlay a {
    display: block;

    height: 55px;

    width: 55px;

    text-align: center;

    border: 1px solid #fdcf76;

    border-radius: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    outline: none;
  }

  .gallery-wrapper .gallery-item .image-block .image .primary-overlay a i {
    color: #fdcf76;

    line-height: 55px;

    font-size: 2rem;
  }

  .navbar {
    position: relative;

    /* background: #000000; */
  }

  .navbar-nav {
    float: left;
  }

  .navbar-default .navbar-nav > li > a {
    padding: 10px 10px;
  }

  .gallery-wrapper .gallery-item .image-block .image:hover .primary-overlay {
    opacity: 0.85;

    transform: scale(1);
  }

  .gallery-wrapper .mix,
  .gallery-wrapper .gap {
    display: inline-block;

    vertical-align: top;
  }

  .gallery-wrapper .mix {
    background: #fff;

    position: relative;
  }

  .gallery-wrapper .mix {
    width: calc(100% / 3 - (((3 - 1) * 1rem) / 3));
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: transparent;
  }

  .pageheader h2 {
    color: #ffffff;

    font-size: 30px;

    font-weight: 600;

    letter-spacing: 3px;
  }

  /*bosphotogallery*/

  .bosphotogallery {
    padding: 40px 0px;

    background-image: url(../images/bosaobg.html);

    background-size: contain;

    margin-bottom: 30px;
  }

  .hero-text-containersub {
    margin: 40px 0px;

    background-image: url(../images/bosandobg.html);

    background-position: 88% 37%;

    background-size: 1100px;
  }

  .hero-brush-box-outersub {
    padding: 16px 16px 16px 0px;

    background-color: transparent;
  }

  .hero-brush-box-innersub {
    display: block;

    padding: 20px 20px 20px 20px;

    background-color: #000000;
  }

  .hero-brush-box-innersub h4 {
    width: 100%;

    margin-top: 0px;

    margin-bottom: 4px;

    color: #ffffff;

    font-size: 18px;

    line-height: 20px;

    font-weight: 600;
  }

  .hero-brush-box-innersub p {
    width: 100%;

    font-size: 13px;

    color: #ffffff;
  }

  .imggreysub {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

    margin-bottom: 20px;
  }

  /*---------BOS Awards & Orations----------*/

  .bosano {
    padding: 30px 0px;

    background-image: url(../images/bosaobg.html);

    background-size: contain;
  }

  .hero-text-container {
    margin: 20px 0px;

    background-image: url(../images/bosandobg.html);

    background-position: 88% 37%;

    background-size: 900px;
  }

  .hero-brush-box-inner h3 {
    width: 100%;

    margin-top: 0px;

    margin-bottom: 10px;

    color: #000;

    font-size: 18px;

    line-height: 20px;

    font-weight: 600;
  }

  .hero-brush-box-inner h3 br {
    display: none;
  }

  .bottom-left {
    position: absolute;

    bottom: 16px;

    left: 16px;

    font-size: 16px;

    color: #fff;

    font-weight: 600;

    padding: 6px;
  }

  /*Header Part*/

  .collicon {
    font-size: 16px;

    float: left;

    padding: 16px 6px;

    color: #444444;

    display: none;
  }

  .collicon1 {
    float: left;

    padding: 16px 0px;
  }

  .brand-logo {
    margin: auto;

    width: 200px;

    text-align: center;
  }

  .navbar-header {
    float: none;
  }

  .second-button {
    background: transparent !important;

    background-color: transparent !important;

    border: 1px solid transparent !important;
  }

  .second-button,
  .second-button:hover,
  .second-button:active,
  .second-button:focus {
    display: inline-block;

    float: right;

    border: 1px solid transparent !important;

    background: transparent !important;

    margin-top: 30px;

    margin-right: 10px;

    margin-bottom: 16px;

    background-color: transparent !important;
  }

  .organizecom {
    text-align: center;

    margin-top: 10px;

    background-color: #f2f2f2;

    margin-bottom: 30px;

    border: 1px solid #ccc;

    min-height: 300px;
  }

  .organizecom h3 {
    padding: 3px 3px;

    font-size: 11px;

    margin: 0;

    color: #222;
  }

  .organizecom h4 {
    margin: 0;

    font-size: 12px;

    font-weight: 600;

    line-height: 16px;

    color: #222;

    padding: 3px 3px;
  }

  /*navbar*/

  /* Icon 1 */

  .animated-icon1,
  .animated-icon2,
  .animated-icon3 {
    width: 40px;

    height: 40px;

    position: relative;

    margin: 0px;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

    cursor: pointer;
  }

  .animated-icon1 span,
  .animated-icon2 span,
  .animated-icon3 span {
    display: block;

    position: absolute;

    height: 3px;

    width: 100%;

    border-radius: 9px;

    opacity: 1;

    left: 0;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: 0.25s ease-in-out;

    -moz-transition: 0.25s ease-in-out;

    -o-transition: 0.25s ease-in-out;

    transition: 0.25s ease-in-out;
  }

  .animated-icon1 span {
    background: #000;
  }

  .animated-icon2 span {
    background: #000;
  }

  .animated-icon3 span {
    background: #000;
  }

  .animated-icon1 span:nth-child(1) {
    top: 0px;
  }

  .animated-icon1 span:nth-child(2) {
    top: 10px;
  }

  .animated-icon1 span:nth-child(3) {
    top: 20px;
  }

  .animated-icon1.open span:nth-child(1) {
    top: 11px;

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -o-transform: rotate(135deg);

    transform: rotate(135deg);
  }

  .animated-icon1.open span:nth-child(2) {
    opacity: 0;

    left: -60px;
  }

  .animated-icon1.open span:nth-child(3) {
    top: 11px;

    -webkit-transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    -o-transform: rotate(-135deg);

    transform: rotate(-135deg);
  }

  /* Icon 3*/

  .animated-icon2 span:nth-child(1) {
    top: 0px;
  }

  .animated-icon2 span:nth-child(2),
  .animated-icon2 span:nth-child(3) {
    top: 10px;
  }

  .animated-icon2 span:nth-child(4) {
    top: 20px;
  }

  .animated-icon2.open span:nth-child(1) {
    top: 11px;

    width: 0%;

    left: 50%;
  }

  .animated-icon2.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);
  }

  .animated-icon2.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    border: 1px solid transparent !important;
  }

  .animated-icon2.open span:nth-child(4) {
    top: 11px;

    width: 0%;

    left: 50%;
  }

  /* Icon 4 */

  .animated-icon3 span:nth-child(1) {
    top: 0px;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;
  }

  .animated-icon3 span:nth-child(2) {
    top: 10px;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;
  }

  .animated-icon3 span:nth-child(3) {
    top: 20px;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;
  }

  .animated-icon3.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 0px;

    left: 8px;
  }

  .animated-icon3.open span:nth-child(2) {
    width: 0%;

    opacity: 0;
  }

  .animated-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 21px;

    left: 8px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .navbar-header .collapse,
  .navbar-toggle {
    display: block !important;
  }

  /*------Courses-------*/

  .icoursescol1 {
    width: 50%;

    float: left;
  }

  .icoursescol2 {
    width: 50%;

    float: left;
  }

  .coursesheader {
    font-size: 10px;

    font-weight: 600;

    padding: 0px;

    letter-spacing: 3px;

    text-transform: uppercase;

    color: #000000;

    margin: 10px 10px 0px;
  }

  .icoursescol1 img {
    margin: auto;
  }

  .coursesheaderright {
    font-size: 10px;

    font-weight: 600;

    padding: 0px;

    letter-spacing: 3px;

    text-transform: uppercase;

    color: #000000;

    margin: 10px 10px 0px;
  }

  .coursesheadermain {
    font-size: 16px;

    font-weight: 400;

    padding: 10px 10px 0px;

    text-transform: uppercase;

    color: #000000;

    margin: 0;
  }

  .coursesdate {
    font-size: 13px;

    padding: 2px 10px;

    text-transform: none;

    margin: 0;
  }

  .coursecontent {
    font-size: 13px;

    padding: 16px 10px;

    text-transform: none;

    margin: 0;
  }

  .courseslinebr {
    border-top: 4px solid #000000;

    width: 40px;

    margin: 8px 10px 0px;

    text-align: left;
  }

  /*****Slide******/

  .mainbanner {
    padding: 0px 0px;
  }

  .welcometxtm {
    font-size: 20px;
  }

  .slidecol1 {
    float: left;

    width: 23%;

    min-height: 110px;
  }

  .slidecol2 {
    float: left;

    width: 77%;

    min-height: 110px;
  }

  .slidecolicon {
    border: 2px solid #fdcf76;

    text-align: center;

    padding: 20px 0px;

    border-radius: 50%;

    height: 55px;

    width: 55px;

    line-height: 55px;

    color: #fdcf76;

    font-size: 18px;
  }

  .nopaddingleft {
    padding-left: 15px;
  }

  .nopaddingright {
    padding-right: 15px;
  }

  .carouselcontrolleft {
    left: 86% !important;

    background-image: linear-gradient(
      to right,
      transparent 0,
      transparent 100%
    );
  }

  .carouselcontrolright {
    right: 2% !important;
  }
}

@media only screen and (max-width: 640px) {
  .iconcrousal {
    padding: 230px 0px;
  }

  .gallery-wrapper .mix {
    width: calc(100% / 1 - (((1 - 1) * 1rem) / 1));
  }

  .overlayinn {
    opacity: 0.9;

    left: 0px;
  }

  .verticalgallery {
    height: 150px;

    display: flex;

    flex-direction: column;

    justify-content: center;
  }

  .gallery-wrapper .gallery-item .image-block .image {
    position: relative;

    overflow: hidden;

    max-height: 150px;
  }

  /*Datalabel-table*/

  table.datalabel-table {
    background-color: transparent !important;

    border: 0;
  }

  table.datalabel-table thead {
    display: none;
  }

  table.datalabel-table tbody > tr {
    margin-bottom: 0px;

    display: inline-block;

    border: 0px;

    border-collapse: collapse;

    padding: 0;

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);

    width: 100%;
  }

  table.datalabel-table tbody > tr > td {
    display: block;

    /*        background-color: #ffffff;*/

    border-top: 0px;

    font-size: 12px;

    text-align: right;
  }

  table.datalabel-table tbody > tr > td.mid-title {
    padding: 5px 10px;

    text-align: center;

    height: auto;

    color: #144959;
  }

  table.datalabel-table tbody > tr > td:last-child {
    border-bottom: 0px;
  }

  table.datalabel-table tbody > tr > td:before {
    content: attr(data-label);

    text-align: left;

    float: left;

    font-weight: 700;

    line-height: 20px;

    word-wrap: break-word;

    font-size: 11px;
  }

  /*

	.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{

		display: block;

    	width: 100%;

	}

*/

  .btnbostheme {
    padding: 8px;
  }

  .coursesgriddetails {
    min-height: auto;
  }

  .coursegridcol {
    float: left;

    width: 45%;

    text-align: right;
  }

  .coursesgriddetails p {
    text-align: left;
  }

  .coursegridcol1 {
    float: left;

    width: 55%;

    text-align: right;
  }

  .coursename {
    font-size: 16px;

    min-height: 40px;
  }

  .btnboscours {
    font-size: 10px;

    padding: 8px 12px;
  }

  .coursesidebar {
    padding: 10px 10px;
  }

  .btnbosthemecourses {
    background: transparent;

    padding: 8px 6px;

    text-align: center;

    width: 100%;

    color: #fdcf76;
    line-height: 40px;

    font-size: 10px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;

    border: 1px solid #fdcf76;

    transition: 0.6s;
  }

  .btnbosthemecourses:hover,
  .btnbosthemecourses:active,
  .btnbosthemecourses:focus {
    background: rgba(0, 0, 0, 0) radial-gradient(circle, #fdcf76, #fdcf76)
      repeat scroll 0 0;

    text-decoration: none;

    color: #000000;
  }

  .pageheader h2 {
    color: #ffffff;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 3px;
  }

  /*OWL Crousal*/

  .owl-dots {
    display: none;
  }

  .owl-nav {
    margin-top: 0px !important;
  }

  .owl-carousel .owl-nav button.owl-prev {
    padding: 0px 12px !important;

    border-radius: 0px;

    font-size: 23px;

    color: #000000;

    background: transparent;

    border: 1px solid transparent;

    position: absolute;

    left: 66%;

    bottom: 1%;

    transition: 0.6s;
  }

  .owl-carousel .owl-nav button.owl-next {
    padding: 0px 12px !important;

    border-radius: 0px;

    font-size: 23px;

    color: #000000;

    background: transparent;

    border: 1px solid transparent;

    position: absolute;

    right: 0%;

    bottom: 1%;

    transition: 0.6s;
  }

  .owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent;

    color: #000000;

    text-decoration: none;

    box-shadow: none;
  }

  /*---------BOS Awards & Orations----------*/

  .bosano {
    padding: 30px 0px;

    background-image: url(../images/bosaobg.html);

    background-size: contain;
  }

  .hero-text-container {
    margin: 10px 0px;

    background-image: url(../images/bosandobg.html);

    background-position: 88% 37%;

    background-size: 700px;
  }

  .hero-brush-box-inner h3 {
    width: 100%;

    margin-top: 0px;

    margin-bottom: 10px;

    color: #000;

    font-size: 18px;

    line-height: 20px;

    font-weight: 600;
  }

  .bottom-left {
    position: absolute;

    bottom: 16px;

    left: 16px;

    font-size: 16px;

    color: #fff;

    font-weight: 600;

    padding: 6px;
  }

  .nopaddingleft {
    padding-left: 15px;
  }

  .nopaddingright {
    padding-right: 15px;
  }

  /*****Slide******/

  .mainbanner {
    padding: 0px 0px;
  }

  .welcometxtm {
    font-size: 18px;
  }

  .slidecol1 {
    float: left;

    width: 23%;

    min-height: 130px;
  }

  .slidecol2 {
    float: left;

    width: 77%;

    min-height: 130px;
  }

  .slidecolicon {
    border: 2px solid #fdcf76;

    text-align: center;

    padding: 20px 0px;

    border-radius: 50%;

    height: 60px;

    width: 60px;

    line-height: 60px;

    color: #fdcf76;

    font-size: 20px;
  }

  /*------Events------*/

  .upcoming-events {
    padding: 40px 0px;
  }

  .upcoming-events h3 {
    font-size: 30px;

    font-weight: 600;

    margin: 0;
  }

  .upcoming-events p {
    padding: 10px 0px;

    font-size: 13px;
  }

  /*------Courses-------*/

  .icoursescol1 {
    width: 100%;

    float: left;
  }

  .icoursescol2 {
    width: 100%;

    float: left;
  }

  .bosexcgrid {
    text-align: center;
  }

  .bosexcgrid img {
    margin: auto;
  }

  /*Crousal Navigation*/

  .carousel-control.left {
    background-image: linear-gradient(
      to right,
      transparent 0,
      transparent 100%
    );
  }

  .carousel-control.right {
    background-image: linear-gradient(
      to right,
      transparent 0,
      transparent 100%
    );
  }

  #hero-carousel i {
    position: absolute;

    bottom: 5%;

    left: 0;
  }

  .carouselcontrolleft {
    left: 72% !important;

    background-image: linear-gradient(
      to right,
      transparent 0,
      transparent 100%
    );
  }

  .carouselcontrolright {
    right: 8% !important;
  }
}