@media(max-width: 1200px) {
    .magazinelearnmore .magazinegridmore .morecontent {
        justify-content: flex-end;
    }
}

@media(max-width: 991px) {

    .bannersec.magazinemaincarousel .owl-carousel.owl-magazine .owl-nav {
        top: 0;
    }

    .bannersec.magazinemaincarousel .owl-carousel-flexbox .owl-carousel.owl-magazine .owl-dots {
        width: auto;
    }
}

@media(max-width: 767px) {

    .magazinelearnmore .magazinegridmore .morecontent.morecontent-hide,
    .homeboxes.homeboxesbig.homeboxesheader {
        display: none;
    }

    .magazinesec {
        padding: 40px 15px 10px;
    }

    .magazineslider.slick-initialized.slick-slider {
        margin-right: -15px;
    }

    .magazinemaincarousel .mainhead h1,
    .magazinesec .mainhead h1 {
        font-size: 28px;
        line-height: 34px;
    }

    .bannersec.magazinemaincarousel {
        padding: 40px 15px 25px;
    }

        .bannersec.magazinemaincarousel .owl-carousel-flexbox2,
        .bannersec.magazinemaincarousel .owl-carousel-flexbox {
            flex-direction: column;
            margin-bottom: 30px;
        }

            .bannersec.magazinemaincarousel .owl-carousel-flexbox .owl-carousel.owl-magazine .item {
                flex-direction: column-reverse;
            }

            .bannersec.magazinemaincarousel .owl-carousel-flexbox .owl-carousel.owl-magazine .owl-nav,
            .bannersec.magazinemaincarousel .owl-carousel-flexbox .owl-carousel.owl-magazine .owl-carousel-img {
                width: 100%;
                /*height: 320px;*/
            }

            .bannersec.magazinemaincarousel .owl-carousel-flexbox .owl-carousel.owl-magazine .owl-nav {
                height: 440px;
            }

            .bannersec.magazinemaincarousel .owl-carousel-flexbox .owl-carousel.owl-magazine .owl-dots {
                width: 100%;
                top: 400px;
                bottom: auto;
                left: 50%;
            }

            .magazinemaincarousel .owl-carousel-flexbox .magazinemaincarouseltext,
            .bannersec.magazinemaincarousel .owl-carousel-flexbox .owl-carousel.owl-magazine,
            .bannersec.magazinemaincarousel .owl-carousel-flexbox2 .owl-carousel-flexbox22,
            .bannersec.magazinemaincarousel .owl-carousel-flexbox2 .owl-carousel-flexbox21 {
                margin: 0;
                width: 100%;
            }

            .bannersec.magazinemaincarousel .owl-carousel-flexbox2 .owl-carousel-flexbox21 {
                margin-bottom: 30px;
            }

            .magazinemaincarousel .owl-carousel-flexbox .magazinemaincarouseltext,
            .bannersec.magazinemaincarousel .owl-carousel-flexbox2 .magazinemaincarouseltext {
                padding: 35px 35px 45px;
            }

    .magazinelearnmore {
        padding: 20px 0 30px;
    }

        .magazinelearnmore .magazinegridmore .moretitle {
            height: 64px;
            background-color: #CCCCCC;
            display: flex;
            align-items: center;
            padding: 0 20px 0 6px;
            justify-content: space-between;
        }

            .magazinelearnmore .magazinegridmore .moretitle:after {
                content: '';
                width: 30px;
                height: 30px;
                border-radius: 50%;
                background: url('https://jcdn.toastmasters.org/cassette.axd/file/Content/images/MagazineHome/plus-77d66ef4cc8dc548b35d7ffe45bc1a5e554cbaed.svg'),#772432;
                background-repeat: no-repeat;
                background-position: center;
            }

            .magazinelearnmore .magazinegridmore .moretitle.moretitle-expand:after {
                background: url('https://jcdn.toastmasters.org/cassette.axd/file/Content/images/MagazineHome/minus-b5a95498c7a2fe1cce5e195ebb9ea185640a59ac.svg'),#772432;
                background-repeat: no-repeat;
                background-position: center;
            }

            .magazinelearnmore .magazinegridmore .moretitle h3 {
                display: none;
            }

            .magazinelearnmore .magazinegridmore .moretitle h4 {
                display: block;
                font-size: 18px;
                line-height: 28px;
                padding-left: 4px;
                border-left-width: 2px;
                margin: 0;
            }

        .magazinelearnmore .magazinegridmore {
            grid-template-columns: 1fr;
        }

            .magazinelearnmore .magazinegridmore .morecontent {
                justify-content: space-evenly;
                grid-template-columns: repeat(auto-fit, minmax(150px, 175px));
                margin: 0 0 40px;
            }

    .magazinesec .magazinesliderbig .btncontainer {
        height: 260px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: start;
        padding-left: 30px;
    }
}


@media(max-width: 575px) {

    .magazinesec .magazineimgbig,
    .bannersec.magazinemaincarousel .owl-carousel.owl-magazine .owl-carousel-img,
    .bannersec.magazinemaincarousel .owl-carousel-flexbox2 .owl-carousel.owl-magazine .owl-carousel-img {
        height: 250px;
    }

    .bannersec.magazinemaincarousel .owl-carousel-flexbox .owl-carousel.owl-magazine .owl-nav {
        height: 250px;
    }

    .bannersec.magazinemaincarousel .owl-carousel-flexbox .owl-carousel.owl-magazine .owl-dots {
        top: 220px;
    }

    .bannersec.magazinemaincarousel .owl-carousel-flexbox2 .owl-carousel.owl-magazine .owl-nav {
        height: 250px;
    }

    .bannersec.magazinemaincarousel .owl-carousel-flexbox2 .owl-carousel.owl-magazine .owl-dots {
        top: 200px;
    }


    .magazinesec .homeboxes .magazineimg3 {
        height: 150px;
    }

    .bannersec.magazinemaincarousel .owl-carousel-flexbox2 .magazinemaincarouseltext h2 {
        font-size: 14px;
        line-height: 19px;
    }

    .bannersec.magazinemaincarousel .owl-carousel-flexbox2 .magazinemaincarouseltext h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .bannersec.magazinemaincarousel .owl-carousel-flexbox2 .magazinemaincarouseltext .mainhead {
        margin-top: 15px;
    }

    .magazinemaincarousel .magazinemaincarouseltext .magazinemaintexttop h3 {
        font-size: 20px;
        line-height: 24px;
        font-family: Gotham-Bold;
        margin-top: 6px;
    }

    .magazinemaincarousel .magazinemaintextbottom .mainhead .infohere,
    .bannersec.magazinemaincarousel .owl-carousel-flexbox2 .magazinemaincarouseltext .mainhead p {
        font-size: 14px;
        line-height: 18px;
    }

    .bannersec.magazinemaincarousel .owl-carousel-flexbox2 .magazinemaincarouseltext .mainhead .caption {
        font-size: 12px;
        line-height: 16px;
        margin-top: 15px;
    }
}

@media (max-width: 600px) {
    .title.connectus,
    .mainhead h1:not(.title),
    .mainhead h1 {
        font-size: 28px;
        line-height: 35px;
        color: #333 !important;
    }
}
