html {
    font-family: 'Montserrat';
}

*,
:after,
:before {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: inherit;
    font-family: 'Montserrat';
}

ul {
    list-style: none;
    padding: 0;
    font-family: 'Montserrat';
    margin: 0;
}

.container-md {
    max-width: 1386px;
    margin: 0 auto;
    padding: 0 50px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat';
    color: #2c2c2c;
}

p {
    font-family: 'Montserrat';
    color: #2C2C2C;
}

.h-2 {
    font-size: 24px;
    color: #bf1e24;
    font-weight: 700;
    width: 100%;
    text-transform: uppercase;
}

.h-3 {
    font-size: 24px;
    color: #bf1e24;
    font-weight: 700;
    width: 100%;
}

.text-p {
    color: #2C2C2C;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Montserrat';
}

.padding-left {
    padding-left: 50px;
}

.margin-top-10,
.margin-bottom-10 {
    margin-top: 10px;
}

.margin-top-20,
.margin-bottom-20 {
    margin-top: 20px;
}

.margin-top-30,
.margin-bottom-30 {
    margin-top: 30px;
}

.margin-top-40,
.margin-bottom-40 {
    margin-top: 40px;
}

.btn-btn {
    color: #fff;
    width: 100%;
    background: #D70E44;
    text-align: center;
    font-size: 20px;
    display: block;
    font-weight: 700;
    padding: 20px 0;
    position: relative;
    max-width: 415px;
    margin: 0 auto;
    margin-top: 15px;
    text-decoration: none;
    font-family: 'Montserrat';
    outline: none;
}

.btn-btn span {
    position: relative;
    z-index: 1;
}

.btn-btn::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    background: #bf1e24;
    width: 0%;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.btn-btn:hover::after {
    width: 100%;
}

.margin-bottom {
    margin-bottom: 0 !important;
}

.margin-top {
    margin-top: 0 !important;
}

/* Maine Css start here */
.content-bucket {
    padding: 30px 0;
}

.gird-row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.col-3 {
    width: 31%;
}

.image-box img {
    width: 100%;
}

.title {
    text-align: center;
    margin-bottom: 30px;
}

/* Convenience_Retailers css */
.text {
    text-align: center;
    border: 1px solid #707070;
    box-shadow: 3px 3px 6px #00000029;
    margin-bottom: 20px;
    padding: 39px 20px;
}

.text p {
    color: #000000;
    font-size: 20px;
}

.Cereal {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    padding: 10px;
}

/* =====CEREALS====== */
.background_gray {
    background: #EFEFEF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 5px #00000029
}

.background-img img {
    width: 100%;
}

.cereals_vg .grid-row {
    max-width: 1030px;
    padding: 0 20px;
    margin: 0 auto;
}

.sec-heading {
    text-align: center;
    margin-bottom: 10px;
}

.cereals_vg .content {
    margin-bottom: 0
}

.cereals_vg .content h3 {
    color: #2C2C2C;
    font-weight: 600;
    font-size: 20px;
}

.cereals_vg .content ul {
    list-style: disc;
    padding-left: 15px;
    margin-top: 6px;
}

.cereals_vg .content ul li {
    font-size: 16px;
    color: #2C2C2C;
    padding: 4px 0;
}

.category-strip {
    background-color: #006D2E;
    padding: 12px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.category-strip h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.product-row {
    margin-top: 50px;
}

.product-vg {
    padding: 0 20px;
}

.product-vg ul {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
    margin-top: 30px;
}

.product-vg ul li {
    width: 15%;
    margin: 0 7px;
}

.product-vg ul li a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 171px;
    border-radius: 100%;
    border: 1px solid #cccc;
    box-shadow: 0px 0px 10px #ccc;
    padding: 30px;
}

.product-vg ul li a figure {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-vg ul li a img {
    width: 73%;
}

.product-vg ul li figcaption {
    color: #2C2C2C;
    font-size: 16px;
    font-weight: 600;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.product-vg ul li span {
    color: #2C2C2C;
    font-size: 16px;
    font-weight: 600;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.Exand-More {
    text-align: center;
    margin-top: 50px;
	margin-left: 45%;
}

.Exand-More .btn {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    background-color: transparent;
    border: none;
    width: 128px;
    cursor: pointer;
    padding: 10px 10px;
}

.Exand-More .btn::after {
    position: absolute;
    content: '';
    right: 0px;
    top: 13px;
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.expand-btn:hover {
    color: blue !important;
}
.expand-btn2:hover {
    color: blue !important;
}
.expand-btn3:hover {
    color: blue !important;
}
.expand-btn4:hover {
    color: blue !important;
}
.expand-btn5:hover {
    color: blue !important;
}
.expand-btn6:hover {
    color: blue !important;
}

.planograms_wrap .grid-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.planograms_wrap .left-side,
.right-side {
    width: 48%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #E2E2E2;
}

.planograms_wrap .left-side figure {
    margin: 0;
    padding: 0;
}

.planograms_wrap .left-side figure img {
    width: 100%;
}

.planograms_wrap .right-side .title {
    background: #D40000;
    padding: 10px;
}

.planograms_wrap .right-side .title h3 {
    color: #fff;
}

.planograms_wrap .right-side .content {
    text-align: center;
    padding: 10px 20px;
}

.pdf-wrap {
    max-width: 435px;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
    padding-bottom: 30px;
}

.planograms_wrap .right-side .content h4 {
    color: #bf1e24;
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
}

.pdf-wrap .btn-btn {
    border-radius: 4px;
}

.pdf-wrap .btn-btn::after {
    border-radius: 4px;
}

.recommended-pos {
    background: #006B9B;
    text-align: center;
    padding: 10px;
}

.recommended-pos h3 {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
}

.show {
    display: none;
}

/* CEREAL SNACKS */
.cereals_snks_vg {
    background-image: url(/content/dam/europe/kelloggsvantage_gb/images/convenience-retailers/kelloggs_web.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.snacks {
    padding-top: 118px;
    padding-bottom: 138px;
    max-width: 840px;
    margin: 0 auto;
}

.multilinks {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

.multilinks .btn-btn {
    max-width: 360px;
}

.snacks .content ul {
    list-style: disc;
    padding-left: 10px;
    text-align: left;
}

.snacks .content ul li {
    color: #2C2C2C;
    font-size: 16px;
    padding: 5px 0;
    font-weight: 600;
}

/* CEREAL SNACKS */
.crisps_vg {
    background-image: url(/content/dam/europe/kelloggsvantage_gb/images/convenience-retailers/crisps.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* ONLINE ASH AND CARRY */
.online_ash {
    margin: 20px 0;
}

.online_carry {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #E2E2E2;
    padding-top: 20px;
    padding-bottom: 20px;
}

.on {
    display: none;
}

.in-active {
    display: none;
}

.is-active {
    display: none;
}

/* Media css start here */
@media only screen and (max-width: 992px) {
    .container-md {
        padding: 0 20px;
    }

    .col-3 {
        margin-bottom: 20px;
        width: 48%;
    }

    .product-vg ul li {
        width: 25%;
        margin: 20px 8px;
    }
}

@media only screen and (max-width: 767px) {
    .col-3 {
        width: 100%;
    }

    .product-vg ul li {
        width: 100%;
    }

    .product-vg ul li a {
        width: 100%;
        height: 275px;
        padding: 43px;
    }

    .planograms_wrap .left-side,
    .right-side {
        width: 100%;
    }

    .pdf-wrap {
        padding-left: 10px;
        padding-right: 10px;
    }

    .multilinks {
        padding: 0 10px;
        flex-wrap: wrap;
    }

    .category-strip {
        margin-bottom: 15px;
    }

    .snacks {
        padding: 50px 0;
    }

    .product-vg ul li a img {
        width: 70%;
    }
}

/* New changes */
.planograms_wrap .sec-heading {
    width: 100%;
    margin-bottom: 30px;
}

.planograms_wrap .sec-heading h3 {
    color: #bf1e24;
}

.planograms_wrap .left-side h3 {
    color: #2C2C2C;
    text-align: center;
    margin: 16px 0;
    font-weight: 700;
    padding: 0 20px;
    font-size: 24px;
    margin-top: 20px!important;
    margin-bottom: 20px!important;

}

.click-here {
    text-align: center;
    margin: 14px 0;
    font-size: 20px;
    font-weight: 500;
}

.click-here a {
    color: blue;
    text-decoration: underline;
}

.product-vg.cash_and_snacks ul li a {
    height: 130px;
}

/* Convenience Retailers css */
.Convenience_Ret {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #E2E2E2;
    padding-top: 20px;
    padding-bottom: 20px;
}

.Convenience_Ret h3 {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    color: #2C2C2C;
    font-weight: 700;
    font-size: 24px;
}

.image-box.Cereal.Con_Ret {
    border-radius: 100%;
    border: 1px solid #cccc;
    box-shadow: 0px 0px 10px #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 350px;
    padding: 40px;
    margin-bottom: 30px;
}

.Con_Ret figure {
    height: 200px;
    width: 235px;
}

.Con_Ret figure img {
    width: 100%;
    height: 100%;
}

.ret_wrap .btn-btn {
    max-width: 280px;
}

.creal_snks_cs .grid-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.creal_snks_cs .grid-row .col-3 {
    width: 33%;
}

.creal_snks_cs .Con_Ret {
    margin-left: 15px;
    margin-right: 15px;
}

.Exand-More .btn:hover {
    color: blue;
}
.planograms_wrap .right-side .content p {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}
/* Ticket-3 css */
.container-sm {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 50px;
}
.market_wrap .grid-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.market_wrap .grid-row .box {
    width: 24%;
    margin: 5px 5px;
}
.market_wrap .grid-row .box figure img {
    width: 100%;
}
.market_wrap .category-strip {
    margin-top: 0;
    margin-bottom: 20px;
}
.market_ssources {
    background-color: #006B9B;
    padding: 12px;
    text-align: center;
}
.market_ssources_wrap {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 5px #00000029;
    border: 1px solid #F2F2F2;
}
.market_ssources h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}
.sources {
    margin: 30px 0;
    padding: 0 50px;
}
.sources h5 {
    color: #bf1e24;
    font-size: 20px;
    font-weight: 700;
}
.sources ul {
    margin-top: 15px;
    padding-left: 20px;
}
.sources ul li {
    font-size: 16px;
    font-weight: 400;
    padding: 3px 0;
    list-style: auto;
}
/* market_crips_wrap css */

.market_crips_wrap .container-sm {
    max-width: 937px;
    margin: 0 auto;
    padding: 0 50px;
}
.market_crips_wrap .grid-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.market_crips_wrap .grid-row .box {
    width: 32%;
    margin: 5px 5px;
}
.market_crips_wrap .grid-row .box figure img {
    width: 100%;
}
.market_crips_wrap .category-strip {
    margin-top: 0;
    margin-bottom: 20px;
}
/* changes css */
.product-vg.cn-singles ul li a img {
    width: 96%;
}
.product-vg.cn-singles ul li a {
    padding: 25px;
}
.cereals_vg .sec-heading .h-3 {    
margin-top: -30px !important;
}
.snacks .sec-heading {
margin-top: -40px!important;
}
.gird-row.crips_vg_new {
max-width: 800px!important;
margin: 0 auto!important;
 }
.image-box.Cereal.Con_Ret {
height: 240px!important;
padding: 40px !important;
overflow: hidden;
 }
.gird-row.crips_vg_new .col-3 {
width: 31%;
margin: 0 auto;
}
.gird-row.crips_vg_new .btn-btn {
background: #4E4D4B;
}
.creal_snks_cs .grid-row {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 600px;
margin: 0 auto;
}
.creal_snks_cs .image-box.Cereal.Con_Ret {
height: 250px!important;
padding: 55px!important;
margin-bottom: 30px;
overflow: hidden;
}
.creal_snks_cs .grid-row .col-3 {
width: 48%;
}
.creal_snks_cs .btn-btn {
background: #4E4D4B;
}
.product-vg.on_cash_carry img {
    width: 100%;
}
.product-vg.on_cash_carry ul li a {
    overflow: hidden;
    padding: 30px;
}

/* new css planogram */
.plan-wrapper {
     background: #FFFFFF 0% 0% no-repeat padding-box;
     box-shadow: 0px 3px 6px #00000029;
     border: 1px solid #E2E2E2;
     opacity: 1;
     text-align: center;
     padding: 10px 10px;
     overflow: hidden;
}
.plan-wrapper h3 {
     color: #2C2C2C;
     text-align: center;
     font-weight: 700;
     padding: 18px 0;
     font-size: 24px;
}
.plan-wrapper .zoom-area {
     margin: 10px 0;
}
.plan-wrapper .zoom-area img {
     width: 100%;
}
.pdf_planogram {
     max-width: 560px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
     box-shadow: 3px 3px 5px #00000029;
     border: 1px solid #F2F2F2;
     opacity: 1;
     margin: 0 auto;
     margin-top: 40px;
     padding: 15px 20px;
     text-align: center;
}
.pdf_planogram h3 {
     color: #2C2C2C;
     text-align: center;
     font-weight: 700;
     padding: 18px 0;
     font-size: 24px;
}
.pdf_planogram .pdf-wrap {
     max-width: 435px;
     margin: 0 auto;
     margin-top: 10px;
     text-align: center;
     padding-bottom: 30px;
}
@media only screen and (max-width: 767px) 
{
.Exand-More {
text-align: center !important;
margin-top: 50px !important;
margin-left: 0 !important;
display: flex !important;
justify-content: center !important;
}
}
@media only screen and (max-width: 600px) {
.gird-row.crips_vg_new .col-3 {
width: 100% !important;
margin: 20px auto !important;
max-width: 240px !important;
}
.product-vg ul li {
width: 100% !important;
max-width: 240px !important;
}
.product-vg ul li a {
height: 221px !important;
padding: 43px !important;
overflow: hidden !important;
}
.Exand-More {
text-align: center !important;
margin-top: 50px !important;
margin-left: 0 !important;
display: flex !important;
justify-content: center !important;
}
}