/* CSS Document
	Resetting browser default styles
	All 
	Icons
	Dropdown
	Header
		Top menu
	Container
	Resources list
	Filter list
	Form list
	Kit slider
	Welcome block
	Login block
	Footer 
	Media Queries
*/


.suggesstion_box ul {
    float: left;
    list-style: none;
    margin-top: -3px;
    padding: 0;
    width: auto;
    position: absolute;
}

.suggesstion_box li {
    padding: 10px;
    background: #f0f0f0;
    border-bottom: #bbb9b9 1px solid;
}

.suggesstion_box li:hover {
        background: #ece3d2;
        cursor: pointer;
    }

.autocomplete-enable{
    background:#FFF url(Images/LoaderIcon.gif) no-repeat 0;
}
.autocomplete-disable{
    background: #FFF;
}

/* Resetting browser default styles */
.main-container{    
    background-color:blue;
}
/****************Footer Area start here*********************/

.cus-footer {
    display: inline-block;
    width: 100%;
    background-color: #f7f7f7;
}

.footer-area {
    display: inline-block;
    width: 100%;
    margin: 40px 0;
}

.footer-area h5 {
    color: #333c4e;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 15px;
}

.footer-area li {
    display: inline-block;
    margin-bottom: 3px;
    width: 100%;
    color: #7e889a;
    font-size: 16px;
    font-weight: 300;
}

.footer-area a {
    color: #7e889a;
    font-size: 16px;
    font-weight: 300;
}

.rep-sec1 {
    float: left;
    margin: 0 5%;
    width: 30%;
}

.rep-sec2 {
    float: left;
    width: 45%;
}

.rep-sec3 {
    float: left;
    width: 15%;
}

.cus-bottom-area {
    display: inline-block;    
    width: 100%;
    position:absolute;     
}

.foot-bot-menus p {
    color: #606660;
    margin: 0;
}

.foot-bot-menus li {
    display: inline-block;
    margin: 0 15px;
}

.foot-bot-menus ul {
    display: inline-block;
    margin: 0 0 15px;
    width: 100%;
}

.foot-bot-menus {
    float: left;
    text-align: center;
    width: 77%;
}

.footer-logo {
    float: left;
    width: 23%;
    margin-top: 12px;
}

.foot-bot-menus a, .foot-bot-menus p {
    color: #606660;
    font-size: 14px;
    font-weight: 300;
}

.rep-sec2 span {
    color: #9d0053;
    font-size: 16px;
    margin-left: 8px;
}

.footer-area .rep-sec2 li {
    margin-bottom: 15px;
}
/*******************Footer area ends here******************/


.lets-goback{
    background-color:#9d0053!important;
    color:white!important;
}

.lets-goback a{    
    color:white!important;
}
/***************headers******************/
.cus-header {
    /*background-color: rgb(105, 68, 102);
    display: inline-block;
    width: 100%;
    height: 112px;*/
    height: 105px;
    background-color: rgb(105, 68, 102);
    /*background-image: url("../images/banner.jpg");*/
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 100%;
}

.cus-head nav.navbar {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    min-height: auto;
    margin: 0px;
}

.cus-head .navbar-default .navbar-nav > li > a {
    color: #ffffff;
    padding: 6px 20px;
}

.cus-head .navbar-nav li.join-free > a {
    background-color: #9d0053;
    border-radius: 6px;
    padding: 6px 30px;
}

.cus-head .navbar-default .navbar-nav > li > a:hover, .cus-head .navbar-default .navbar-nav > li > a:focus, .cus-head .navbar-default .navbar-nav > li.active > a {
    color: #9d0053;
}

.cus-head .navbar-nav li.join-free > a:hover, .cus-head .navbar-nav li.join-free > a:focus, .cus-head .navbar-nav > li.active.join-free > a {
    color: #fff;
}

.cus-head .navbar-light .navbar-nav .nav-link {
    color: #ffffff;
    padding: 6px 20px;
}

.cus-head .navbar-brand {
    padding: 0;
}

.cus-head ul.nav.navbar-nav.navbar-right {
    margin: 9px 0 0 0;
}

.cus-head {
    margin-top: 25px;
    width: 100%;
    display: inline-block;
}

/******************************************/
html, body {
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}

body {
    font: 14px/22px 'Open Sans', sans-serif;
    color: #404040;
    background: #fff;
}

    body.login {
        background: #2f486d url(../images/demo/login_bg.jpg) center bottom no-repeat;
        background-size: cover;
    }

div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {
    margin: 0;
    padding: 0;
}

header, section, footer, aside, nav, article, figure, figcaption {
    display: block;
}

table {
    border-collapse: collapse;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}

iframe, object, embed {
    max-width: 100%;
}

ul, li {
    list-style: none;
}

input {
    vertical-align: middle;
}

    input:focus, textarea:focus {
        outline: none;
    }

    button, input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: none;
    }

a, a:active, a:visited {
    text-decoration: none;
    color: #404040;
    -webkit-transition: color linear .2s;
    transition: color linear .2s;
}

    a:hover {
        text-decoration: none;
        color: #181818;
    }

.social {
    text-align: center;
    padding-bottom: 10px;
}

    .social a {
        display: inline-block;
        height: 40px;
        width: 40px;
        margin: 0 10px !important;
        text-decoration: none;
        border-radius: 20px;
        background-repeat: no-repeat;
        background-position: center center;
    }

.social-pinterest {
    background-image: url(/images/social/pinterest.png);
}

.social-facebook {
    background-image: url(/images/social/facebook.png);
}

.social-twitter {
    background-image: url(/images/social/twitter.png);
}

.copyright {
    display: block;
    font-size: 14px;
    text-align: center;
    margin: 25px 50px !important;
}


/* All */
.wrapper {
    width: 1110px;
    margin: 0 auto;
    position: relative;
}

    .clear:after, .wrapper:after {
        content: '';
        display: block;
        height: 0;
        clear: both;
    }

input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 0 20px;
    height: 53px;
    font: 14px 'Open Sans', sans-serif;
    color: #404040;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    padding: 25px 30px;
    height: 275px;
}

.button, .button:visited {
    color: #fff;
    padding: 0 30px;
    min-height: 55px;
    min-width: 100px;
    font: 14px/55px 'Poppins';
    border: none;
    border-radius: 0;
    background: #6fc942;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: background-color linear .2s;
    transition: background-color linear .2s;
    text-align: center;
    text-transform: uppercase;
}

    .button:hover {
        color: #fff;
        background: #39ba78;
    }

    .button [class^="icon_"] {
        margin-right: 18px;
    }

    .button.button_purple, .button.button_purple:visited {
        background: #663bc9;
    }

        .button.button_purple:hover {
            background: #3d2477;
        }


/* Icons */
[class^="icon_"] {
    width: 25px;
    height: 25px;
    background: url(../images/icons/sprite.png) 0 0 no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.icon_home {
    background-position: 0 0;
}

.icon_resources {
    background-position: -25px 0;
}

.icon_kit {
    background-position: -50px 0;
}

.icon_games {
    background-position: -75px 0;
}

.icon_blog {
    background-position: -100px 0;
}

.icon_archive {
    background-position: 0 -25px;
}

.icon_download {
    background-position: -25px -25px;
}

.icon_prev {
    background-position: 0 -50px;
}

.icon_next {
    background-position: -25px -50px;
}

.icon_arrow_down {
    background-position: -50px -50px;
}

.icon_arrow_down2 {
    background-position: -75px -50px;
}


/* Dropdown */
.dropdown_wrap {
    position: relative;
    display: inline-block;
}

.dropdown_style {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    min-width: 200px;
    z-index: 100;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .dropdown_style.dropdown_right {
        left: auto;
        right: 0;
    }

    .dropdown_style.dropdown_top {
        top: auto;
        bottom: 100%;
    }




/* Header */
.header {
    background: url(../images/demo/header.jpg) center bottom no-repeat;
    background-size: cover;
}

    .header h1 {
        color: #fff;
        text-align: center;
    }

    .header .wrapper {
        background: #fff;
    }

    .header .logo {
        color: #e89b16;
        font: 19px/20px 'Poppins';
        text-transform: uppercase;
        margin: 25px 10px 25px 55px;
        float: left;
    }

        .header .logo span {
            color: #404040;
            font-size: 12px;
            letter-spacing: 8.5px;
            display: block;
        }

    .header .login_block {
        float: right;
        margin: 22px 40px 0 0;
    }

        .header .login_block > img {
            vertical-align: middle;
            margin-right: 15px;
            width: 56px;
            border-radius: 50%;
        }

        .header .login_block > div {
            display: inline-block;
            vertical-align: middle;
        }

            .header .login_block > div > span {
                font: 16px 'Poppins';
                text-transform: uppercase;
                display: block;
            }

            .header .login_block > div > a {
                font-size: 13px;
            }
/* Top menu */
.menu_trigger {
    width: 30px;
    height: 18px;
    background: url(../images/icons/menu_trigger.png) no-repeat;
    top: 50px;
    left: 15px;
    position: absolute;
    cursor: pointer;
    display: none;
}

.header nav {
    clear: both;
}

    .header nav ul li {
        float: left;
        width: 19%;
    }

        .header nav ul li:nth-child(2) {
            width: 28%;
        }

        .header nav ul li:nth-child(4), .header nav ul li:nth-child(5) {
            width: 17%;
        }

        .header nav ul li a {
            display: block;
            text-align: center;
            border: 1px solid #ddd;
            border-right: none;
            background: #f4f4f4;
            position: relative;
            font: 14px/58px 'Poppins';
            text-transform: uppercase;
        }

        .header nav ul li:last-child a {
            border-right: 1px solid #ddd;
        }

        .header nav ul li a span {
            margin-right: 15px;
        }

        .header nav ul li a:before {
            content: '';
            display: block;
            width: 100%;
            height: 5px;
            background: #ef454a;
            position: absolute;
            bottom: -1px;
            left: -1px;
            padding: 0 1px;
            opacity: 0;
            -webkit-transition: opacity linear .1s;
            transition: opacity linear .1s;
        }

        .header nav ul li:nth-child(2) a:before {
            background: #29addf;
        }

        .header nav ul li:nth-child(3) a:before {
            background: #39ba78;
        }

        .header nav ul li:nth-child(4) a:before {
            background: #ac94c2;
        }

        .header nav ul li:nth-child(5) a:before {
            background: #e98a10;
        }

        .header nav ul li.active a:before, .header nav ul li:hover a:before {
            opacity: 1;
        }

.index_page .header nav ul li:first-child a:before, .hardware_page .header nav ul li:nth-child(2) a:before, .activities_page .header nav ul li:nth-child(3) a:before, .games_page .header nav ul li:nth-child(4) a:before, .blog_page .header nav ul li:nth-child(5) a:before {
    opacity: 1;
}

/* Container */
.container {
    padding: 60px 0;
}

hr {
    border: none;
    border-bottom: 1px solid #ddd;
    margin: 20px 0 50px 0;
}

h1 {
    font: 60px 'Poppins';
    padding: 50px 0 65px 0;
}

h2 {
    font: 30px 'Poppins';
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

h3 {
    font: 24px 'Poppins';
    padding-bottom: 20px;
}

p {
    padding-bottom: 30px;
}

.video_wrap {
    position: relative;
    padding: 0 0 56.25% 0;
    height: 0;
    margin-bottom: 50px;
}

    .video_wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.download_block {
    border: 1px solid #ddd;
    margin: 30px auto 80px auto;
    max-width: 348px;
    text-align: center;
    padding-top: 25px;
}

    .download_block .button {
        margin-top: 30px;
        display: block;
    }

.container {
    padding-top: 0px;
}
.register-container{
    padding-top:55px;
}
.registration_box .card-block {
    height: 230px;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 119px;
    cursor: pointer;
}
.supplier_reg_box button{
    color:white;
}

.supplier_reg_box label{
    color:#fd7e14;
    font-size:30px;
    padding-left:10px;
    padding-right:10px;
}


#background-video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover;
}

.registration_form_container {
    background-color: #f2f4f6;
}

.submitbtn:hover > .goarrow {
    width: 30px;
}

.g-recaptcha {
    transform: scale(1.16);
    transform-origin: 0 0;
}

.back_btn {
    padding-top: 10px;
}

    .back_btn a {
        text-decoration: underline !important;
        color: cadetblue !important;
        cursor: pointer;
        float: right;
    }

        .back_btn a:hover {
            color: green !important;
        }


/*.back_btn a:hover >i{
   width:20px;  
}*/
.goarrow:hover {
    width: 30px;
}

.title_text {
    color: Background;
    padding: 0px !important;
    margin-top: 10px;
}

.introduction_text {
    color: Background;
}

.registration_box .card {
    background-color: transparent !important;
    cursor: pointer;
}

.supplier_reg_box {
    /*background-color: rgba(135, 65, 140, 0.8);*/
    background-image: url('images/supplierbg3.jpg');
     background-position: center;
}


.school_reg_box {
    background-color: #9d0053;
    cursor:pointer;
}

.school_reg_box label{

    font-size:30px;
    line-height:35px;
     padding-left:10px;
    padding-right:10px;
}
.school_reg_box button{
    color:white;
}


.teacher_reg_box button{
    color:white;
}

.teacher_reg_box label{
    color:white;
    font-size:30px;
    padding-left:10px;
    padding-right:10px;
}
.teacher_reg_box {
    /*background-color: #b38aa0;*/
    /*background-image: url('images/teacherbg.jpg');*/
    background-image: url('images/teacherbg1.jpg');
    background-position: center;
    cursor: pointer;
}


/***********educator box***************/

.educator_reg_box label{

    font-size:30px;
    line-height:35px;
     padding-left:10px;
    padding-right:10px;
}
.educator_reg_box button{
    color:white;
}


.educator_reg_box button{
    color:white;
}

.educator_reg_box label{
    color:#131f43;
    font-size:30px;
    padding-left:10px;
    padding-right:10px;
}
.educator_reg_box {
    /*background-color: #8a9ab3;*/
    background-image: url('images/educator1.jpg');
    background-position: center;
    cursor: pointer;
}


/************educator box closed*/



/* Resources list */
.resources_list ul {
    font-size: 0;
    line-height: 0;
    margin: 0 -15px;
}

    .resources_list ul li {
        display: inline-block;
        vertical-align: top;
        width: 25%;
        max-width: 285px;
        padding: 0 15px 30px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .resources_list ul li a {
            display: block;
        }

            .resources_list ul li a span {
                display: block;
                border: 1px solid #ddd;
                padding: 15px 20px;
                font: 14px 'Poppins';
            }

            .resources_list ul li a img {
                width: 100%;
            }



/* Filter list */
.filter_list {
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
}

    .filter_list > ul {
        font-size: 0;
        line-height: 0;
        margin: 0 -15px 10px -15px;
    }

        .filter_list > ul > li {
            display: inline-block;
            vertical-align: top;
            width: 33.33%;
            padding: 0 15px 30px 15px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .filter_list > ul > li > span {
                font: 14px 'Poppins';
            }

            .filter_list > ul > li .dropdown_wrap {
                font-size: 14px;
                line-height: 22px;
                display: block;
                margin-top: 10px;
            }

                .filter_list > ul > li .dropdown_wrap > a {
                    border: 1px solid #ddd;
                    display: block;
                    padding: 15px 40px 15px 20px;
                    position: relative;
                }

                    .filter_list > ul > li .dropdown_wrap > a span {
                        position: absolute;
                        top: 15px;
                        right: 10px;
                    }

                .filter_list > ul > li .dropdown_wrap li {
                    display: block;
                    padding: 15px 20px;
                    cursor: pointer;
                }

                    .filter_list > ul > li .dropdown_wrap li:hover {
                        background: #f4f4f4;
                    }

                .filter_list > ul > li .dropdown_wrap .dropdown_style {
                    margin-top: -1px;
                    width: 100%;
                }




/* Form list */
.form_list {
    max-width: 540px;
    margin: 0 auto 35px auto;
}

    .form_list.form_list_fullwidth {
        max-width: 100%;
    }

    .form_list h2 {
        border: none;
        margin: 0;
    }

    .form_list ul li {
        padding-bottom: 15px;
    }

        .form_list ul li label {
            display: block;
            font-family: 'Poppins';
            padding-bottom: 5px;
        }

        .form_list ul li .upload {
            border: 1px dashed #ddd;
            padding: 13px;
            position: relative;
        }

            .form_list ul li .upload img {
                width: 80px;
                margin-right: 25px;
                vertical-align: middle;
            }

            .form_list ul li .upload span {
                display: inline-block;
                vertical-align: middle;
            }

            .form_list ul li .upload input {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                cursor: pointer;
            }

.ui-file {
    color: #424242;
    border: dashed 2px #bdbdbd;
    border-radius: 2px;
    margin-bottom: 10px;
    padding: 10px;
}

    .ui-file > img {
        border: solid 1px #bdbdbd;
        height: 50px;
        margin: 4px;
    }

.ui-file-icon > img {
    border: solid 1px #bdbdbd;
    height: 100px;
    margin: 4px;
}




/* Kit slider */
.kit_slider {
    padding: 10px 0 40px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

    .kit_slider .bx-pager {
        text-align: center;
        font-size: 16px;
        padding: 50px 0 0 0;
        margin-bottom: -40px;
    }

        .kit_slider .bx-pager:before {
            content: 'Step ';
            font-family: 'Poppins';
        }

    .kit_slider .bx-prev, .kit_slider .bx-prev:visited, .kit_slider .bx-next, .kit_slider .bx-next:visited {
        color: #fff;
        padding: 0 30px;
        min-height: 55px;
        min-width: 100px;
        font: 14px/55px 'Poppins';
        border: none;
        border-radius: 0;
        background: #663bc9;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        -webkit-transition: background-color linear .2s;
        transition: background-color linear .2s;
        text-align: center;
        text-transform: uppercase;
        float: left;
    }

        .kit_slider .bx-prev:hover, .kit_slider .bx-next:hover {
            background: #3d2477;
        }

    .kit_slider .bx-next {
        float: right;
    }




/* Welcome block */
.welcome_block {
    text-align: center;
}

    .welcome_block strong {
        font-size: 18px;
    }

    .welcome_block > div {
        background: url(../images/demo/welcome_bg.jpg) center top no-repeat;
        min-height: 160px;
        padding-top: 70px;
        position: relative;
        margin-bottom: 35px;
    }

        .welcome_block > div > div {
            font: 16px/18px 'Poppins';
            text-transform: uppercase;
            text-align: left;
            width: 166px;
            height: 99px;
            background: url(../images/demo/cloud.png) no-repeat;
            position: absolute;
            top: 0;
            left: 50%;
            margin: 15px 0 0 50px;
            padding: 8px 17px 35px 17px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }




/* Login section */
.login_section {
    max-width: 450px;
    background: #fff;
    padding: 40px 50px 0 50px;
    margin: 10% auto 0 auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .login_section h2 {
        font-size: 36px;
        text-transform: uppercase;
        border: none;
        margin: 0;
        padding: 0;
    }

    .login_section a, .login_section a:visited {
        color: #e86830;
        font-weight: 700;
        text-decoration: underline;
    }

        .login_section a:hover {
            color: #9b431d;
        }

    .login_section ul {
        margin-bottom: 5px;
    }

        .login_section ul li {
            padding-bottom: 20px;
        }

            .login_section ul li .button {
                width: 100%;
                padding: 0;
            }

    .login_section p:last-child {
        background: #f4f4f4;
        padding-top: 30px;
        margin: 0 -50px;
    }




/* Footer */
.footer {
    background: #28292f;
    padding: 20px 0;
    color: #6c6d7b;
}

    .footer p {
        float: left;
        line-height: 34px;
        padding-bottom: 0;
    }

    .footer ul {
        font-size: 0;
        line-height: 0;
        float: right;
    }

        .footer ul li {
            padding: 0 3px;
            display: inline-block;
            vertical-align: middle;
        }

            .footer ul li a {
                width: 32px;
                height: 32px;
                display: block;
                border: 2px solid #787885;
                border-radius: 50%;
                background: url(../images/blank.gif) center top no-repeat;
            }

                .footer ul li a:hover {
                    background-position: center bottom;
                    border-color: #fff;
                }

                .footer ul li a.facebook {
                    background-image: url(../images/icons/facebook.png);
                }

                .footer ul li a.twitter {
                    background-image: url(../images/icons/twitter.png);
                }

                .footer ul li a.linkedin {
                    background-image: url(../images/icons/linkedin.png);
                }

                .footer ul li a.pinterest {
                    background-image: url(../images/icons/pinterest.png);
                }




/* Media Queries */
/* Desktop */
@media only screen and (min-width: 960px) and (max-width: 1109px) {
    .wrapper {
        width: 960px;
    }
}


/* Tablets */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .wrapper {
        width: 768px;
    }
    /* Header */
    .header .logo {
        margin: 15px 10px 15px 25px;
    }

    .header .login_block {
        margin: 15px 20px 0 0;
    }
    /* Top menu */
    .header nav ul li a {
        font-size: 12px;
    }

        .header nav ul li a span {
            margin-right: 10px;
        }
    /* Resources list */
    .resources_list ul li {
        width: 33.33%;
    }
}


/* Mobile portrait and landscape modes */
@media only screen and (max-width: 767px) {
    .cus-head {
     margin-top: 0px;    
}
    .cus-header {
        height: 105px;        
    }
    /* Header */
    .header .wrapper {
        padding-bottom: 28px;
    }

    .header .logo {
        font: 10px/11px 'Poppins';
        margin: 10px 10px 10px 5px;
        padding: 5px 0 5px 60px;
        background-size: 50px auto;
    }

        .header .logo span {
            font-size: 10px;
            letter-spacing: 2px;
        }

    .header .login_block {
        margin: 10px 5px 0 0;
    }

        .header .login_block > img {
            display: none;
        }

        .header .login_block > div > span {
            font-size: 12px;
            line-height: 12px;
        }

        .header .login_block > div > a {
            font-size: 11px;
        }
    /* Top menu */
    .menu_trigger {
        display: block;
    }

    .header nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        z-index: 99;
        width: 100%;
    }

        .header nav ul li {
            float: none;
            width: auto !important;
        }

            .header nav ul li a {
                text-align: left;
                border-right: 1px solid #ddd;
                border-bottom: none;
                padding-left: 10px;
            }

            .header nav ul li:last-child a {
                border-bottom: 1px solid #ddd;
            }
    /* Container */
    .container {
        padding: 40px 0;
    }

    h1 {
        font: 40px 'Poppins';
        padding: 30px 0 35px 0;
    }
    /* Resources list */
    .resources_list ul li {
        width: 50%;
    }
    /* Filter list */
    .filter_list > ul > li {
        width: 100%;
    }
    /* Kit slider */
    .kit_slider .bx-pager {
        padding: 15px 0 0 0;
        margin-bottom: 20px;
    }

    .kit_slider .bx-prev, .kit_slider .bx-prev:visited, .kit_slider .bx-next, .kit_slider .bx-next:visited {
        padding: 0 15px;
    }
    /* Login section */
    .login_section {
        padding: 20px 20px 0 20px;
        margin-top: 5%;
    }

        .login_section p:last-child {
            margin: 0 -20px;
        }
    /* Footer */
    .footer ul {
        clear: both;
        float: left;
        padding-top: 10px;
    }
}


/* Mobile landscape mode */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .wrapper {
        width: 480px;
    }
}


/* Mobile portrait mode */
@media only screen and (max-width: 479px) {
    .wrapper {
        width: 300px;
    }
    /* Resources list */
    .resources_list ul {
        text-align: center;
    }

        .resources_list ul li {
            width: 100%;
            text-align: left;
        }
    /* Welcome block */
    .welcome_block > div {
        text-align: left;
    }

        .welcome_block > div img {
            margin-left: 40px;
        }

        .welcome_block > div > div {
            margin-left: -25px;
        }
}

/************menu responsiv********************/

@media (max-width:1300px) {
    .admin-product li h4 {
        width: 100%;
        margin-left: 0px;
    }
}

@media (max-width:1250px) {
    .online-pic {
        width: 44px;
    }

    .body-admin .container {
        width: 1190px;
    }

    .single-product-right {
        margin: 0 50px 0 50px;
        width: 385px;
    }
}

@media (max-width:1199px) {
    .cus-slider-small .bx-wrapper .bx-next {
        right: -20px;
    }

    .cus-slider-small .bx-wrapper .bx-prev {
        left: -20px;
    }

    .cpu-teacher-img img {
        width: 100%;
    }

    .brands-logo li {
        width: 22%;
    }

    .body-admin .container {
        width: 980px;
    }

    .cus-admin-menus .navbar-light .navbar-nav a.nav-link {
        padding: 8px 25px;
    }

    .admin-left {
        width: 20%;
    }

    .admin-right {
        width: 20%;
    }

    .admin-center {
        margin: 0 2%;
        width: 56%;
    }

    .admin-left a {
        padding: 15px 4px;
    }

    .admin-left span {
        font-size: 13px;
        margin: 0;
    }

    .online-user {
        width: 142px;
    }

        .online-user h6 {
            width: 130px;
        }

        .online-user span {
            margin-top: 2px;
        }

    .staff-area, .student-area {
        padding: 15px 4px;
    }

    .pro-pic > img {
        width: 100%;
    }

    .cus-filter {
        margin: 0 15px 0 0;
    }

    .reg-button {
        margin-left: 5px;
    }

    .single-product-left {
        width: 600px;
    }

    .single-product-right {
        margin: 0 0 0 20px;
        width: 340px;
    }
}

@media (max-width:1024px) {
    .cus-slider-small .bx-wrapper .bx-next {
        right: 0px;
    }

    .cus-slider-small .bx-wrapper .bx-prev {
        left: 0px;
    }
}

@media (max-width:991px) {
    .banner-form .form-group {
        margin: 0 1% 10px;
        width: 48%;
    }

        .banner-form .form-group.submit-group {
            width: 48%;
        }

    .banner-text h2 {
        font-size: 42px;
    }

    .hundreds-teachers li {
        margin: 0 4%;
        width: 40%;
    }

    .course-lesson-area ul {
        padding-left: 30px;
    }

    .course-lesson-area span {
        width: 90%;
        font-size: 14px;
    }

    .course-lesson-area li {
        margin: 3px 0;
    }

    .course-lesson-area img {
        width: 100%;
    }

    .course-lesson-area li img {
        width: auto;
    }

    .planning-tool-area ul {
        text-align: left;
    }

    .planning-tool-area span {
        width: 90%;
        font-size: 14px;
    }

    .planning-tool-area li {
        margin: 4px 0;
    }

    .planning-tool-area ul {
        margin-top: 0;
    }

    .cpu-teacher .cpu-teacher-text p {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .cpu-teacher-text a {
        font-size: 14px;
    }

    .cpu-teacher p {
        font-size: 16px;
    }

    .cpu-teacher h1, .planning-tool h1, .course-lesson-plans h1, .equipment-hardware h1, .hundreds-teachers h1, .teaching-reaources h1 {
        font-size: 30px;
    }

    .footer-logo img {
        width: 160px;
    }

    .foot-bot-menus ul {
        margin: 0 0 8px;
    }

    .body-admin .container {
        width: 98%;
    }

    .admin-left span {
        font-size: 12px;
    }

    .admin-left {
        width: 25%;
    }

    .admin-center {
        width: 46%;
    }

    .admin-right {
        width: 25%;
    }

    .online-pic img {
        width: 100%;
    }

    .the-queen-school img {
        width: 90%;
    }

    .online-pic {
        width: 36px;
    }

    .user-pic img {
        width: 100%;
    }

    .user-pic {
        height: 125px;
        text-align: center;
        width: 125px;
    }

    .profile-area h2 {
        font-size: 20px;
        margin: 20px 0;
    }

    .user-pro-sec ul {
        margin: 10px 0 30px;
        width: 100%;
    }

    .user-detail-right {
        margin: 0;
        text-align: center;
        width: 100%;
    }

    .user-detail-left {
        margin: 0;
        text-align: center;
        width: 100%;
    }

    .user-detail-image img {
        width: 300px;
    }

    .cus-admin-menus .navbar-light .navbar-nav a.nav-link {
        padding: 8px 15px;
        font-size: 14px;
    }

    .admin-center.width-change {
        width: 72%;
    }

    .curriculum-courses-page .cus-products-sec .nav.nav-tabs {
        width: 100%;
        display: inline-block;
    }

    .cus-products-sec .tabbable-line > .nav-tabs > li {
        float: left;
        width: 33%;
    }

        .cus-products-sec .tabbable-line > .nav-tabs > li > a {
            font-size: 14px;
        }

    .pro-pic > img {
        width: 100%;
    }

    .MyCurriculum-products .pro-pic {
        margin-top: 20px;
    }

    .mycupro-title h5 {
        font-size: 14px;
    }

    .mycupro-rep > p {
        font-size: 10px;
    }

    .tab-products .mycupro-rep span {
        font-size: 12px;
    }

    .tab-products .mycupro-rep .cus-rating span {
        font-size: 10px;
    }

    .checkbox-icon {
        margin-left: 0;
    }

    .training-workshops-page .cus-products-sec .tabbable-line > .nav-tabs > li {
        width: 50%;
    }

    .equipment-hardware-page .cus-products-sec .tabbable-line > .nav-tabs > li {
        width: 50%;
    }

    .single-product-left {
        width: 100%;
    }

    .single-product-right {
        margin: 20px 0;
        width: 100%;
    }

    .sinlge-pro-tabs .nav.nav-tabs {
        margin-left: 0;
    }

    .sinlge-pro-tabs .tabbable-line > .nav-tabs > li {
        width: 25%;
    }

        .sinlge-pro-tabs .tabbable-line > .nav-tabs > li > a {
            padding: 10px 12px;
        }

    .sinlge-pro-tabs.course-product-single .tabbable-line > .nav-tabs > li > a {
        padding: 10px 5px;
    }

    .admin-left.admin-product {
        width: 30%;
    }

    .admin-center.admin-product-right {
        margin: 0 0 0 2%;
        width: 68%;
    }

    .cus-pagi-bottom {
        width: 30%;
    }

    .dash-icon-pro {
        width: 60px;
    }
}

@media (max-width:767px) {
    .cus-head nav.navbar {
        display: inline-block;
        width: 100%;
        padding: 0;
        position: relative;
    }

    .cus-head button.navbar-toggler {
        cursor: pointer;
        background-color: #ffffff;
        color: #ffffff;
        float: right;
    }

    .cus-head .navbar-collapse.collapse {
        position: static !important;
        width: 100%;
    }

    .cus-head .navbar-nav {
        background-color: #525253;
        border-radius: 2px;
        left: 0;
        position: absolute;
        top: 56px;
        z-index: 1;
        width: 100%;
    }

    .cus-head .collapsing {
        position: static !important;
    }

    .teaching-reaources li {
        margin: 10px 0;
        width: 48%;
    }

    .cpu-teacher h1, .planning-tool h1, .course-lesson-plans h1, .equipment-hardware h1, .hundreds-teachers h1, .teaching-reaources h1 {
        font-size: 26px;
    }

    .teaching-reaources p, .equipment-hardware p, .course-lesson-plans p, .planning-tool p {
        font-size: 14px;
    }

    .skipton-school-text p {
        font-size: 14px;
    }

    .rep-sec1 {
        margin: 0 5% 20px 0;
        width: 45%;
    }

    .rep-sec2 {
        float: left;
        width: 50%;
        margin-bottom: 20px;
    }

    .rep-sec3 {
        width: 100%;
    }

    .footer-logo {
        margin: 0 0 15px;
        text-align: center;
        width: 100%;
    }

    .foot-bot-menus {
        width: 100%;
    }

    .footer-logo img {
        width: 200px;
    }

   

    .foot-bot-menus ul {
        margin: 0;
    }

    .hundreds-teachers img {
        width: 100%;
    }

    .brands-logo img {
        width: 100%;
    }

    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover {
        color: rgba(0, 0, 0, 0) !important;
    }

    .mobile-online {
        background-color: #23af56;
        border-radius: 3px 3px 0 0;
        bottom: 0;
        cursor: pointer;
        display: block;
        float: left;
        position: absolute;
        right: 0;
        text-align: center;
        width: 220px;
    }

        .mobile-online h4 {
            color: #ffffff;
            font-size: 16px;
            margin: 0;
            padding: 6px 0;
        }

    .admin-right {
        float: right;
        width: 220px;
    }

    .staff-student {
        background-color: #f8f8f8;
        border: 1px solid #e9e9e9;
        bottom: 30px;
        display: none;
        padding: 0 10px;
        position: absolute;
        right: 0;
        width: 220px;
        z-index: 9999;
        height: 80vh;
        overflow: auto;
    }

    .body-area {
        position: relative;
    }

    .same-height {
        height: auto !important;
    }

    .admin-center {
        margin: 20px 0;
        width: 100%;
    }

    .admin-left {
        border: 0px solid #e9e9e9;
        width: 100%;
    }

    .the-queen-school {
        display: none;
    }

    .user-detail-left {
        margin: 0 1% 0 0;
        text-align: right;
        width: 38%;
    }

    .user-detail-right {
        margin: 0 0 0 1%;
        text-align: left;
        width: 58%;
    }

    .profile-area h2 {
        font-size: 26px;
    }

    .body-admin .navbar-toggler {
        background: #9d0053 none repeat scroll 0 0 !important;
        cursor: pointer;
        margin-bottom: 5px;
    }

    .cus-admin-menus nav.navbar {
        width: 100%;
    }

    .body-admin .collapse {
        margin-top: 0px;
    }

    .admin-left a {
        padding: 15px;
    }

    .admin-left span {
        font-size: 14px;
        margin: 0 0 0 15px;
    }

    .body-admin .navbar-brand {
        margin-right: 0;
    }

        .body-admin .navbar-brand .img-responsive {
            width: 200px;
        }

    .user-login {
        margin-right: 10px;
    }

        .user-login .dropdown-toggle span {
            font-size: 12px;
            margin: 0 5px 0 6px;
        }

    .checkbox-design {
        padding-left: 50px;
        font-size: 13px;
    }

    .admin-center.width-change {
        margin: 0;
        padding: 20px 0;
        width: 100%;
    }

    .tab-products .mycupro-rep span {
        font-size: 13px;
    }

    .mycupro-rep > p {
        font-size: 12px;
    }

    .tab-products .mycupro-rep .cus-rating span {
        font-size: 12px;
    }

    .single-product-left .gallery .previews {
        display: none;
    }

    .fancybox-overlay.fancybox-overlay-fixed {
        display: none !important;
    }

    .tab-video-area iframe {
        width: 80% !important;
    }

    .sinlge-pro-tabs .tabbable-line > .nav-tabs > li {
        width: 50%;
    }

    .sinlge-pro-tabs .cus-inner-tabs .nav.nav-tabs {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .cus-inner-tabs .tab-content {
        width: 100%;
    }

    .cus-inner-tabs .tab-con-area {
        width: 100%;
    }

    .sidebar-filter-icons {
        background-color: #f6821f;
        border-radius: 0.25rem;
        clear: none;
        display: inline-block;
        float: left;
        margin-right: 10px;
        width: 57px;
        cursor: pointer;
    }

    .admin-center.admin-product-right {
        margin: 0;
        width: 100%;
    }

    #sidebar-visible {
        background-color: #eeeeee;
        border-bottom: 1px solid #cccccc;
        display: none;
        font-size: 19px;
        height: auto;
        left: 0;
        margin: 0;
        padding: 10px 0;
        position: absolute;
        top: -10px;
        width: 100%;
        z-index: 99999;
    }

    .cus-admin-menus .sidebar-filter-icons {
        display: block;
    }
}

@media (max-width:575px) {
    body .row {
        margin-left: 0;
        margin-right: 0;
    }

    .planning-tool-area ul {
        width: 100%;
    }

    .planning-tool-img {
        width: 100%;
    }

    .skipton-school-img img {
        width: auto;
    }

    .skipton-school-img {
        display: inline-block;
        margin: 0;
        text-align: center;
        width: 100%;
    }

    .skipton-school-text {
        margin: 15px 0;
        text-align: center;
        width: 100%;
    }

    .skipton-girls-user {
        text-align: center;
        width: 100%;
    }

        .skipton-girls-user img {
            width: auto;
        }

    .brands-logo img {
        width: 170px;
    }

    .brands-logo li {
        width: 48%;
    }

    .rep-sec1 {
        margin: 0;
        width: 100%;
    }

    .rep-sec2 {
        margin: 15px 0;
        width: 100%;
    }

    .cpu-teacher-text {
        margin-right: 0;
        text-align: center;
        width: 100%;
        margin-bottom: 15px;
    }

    .cpu-teacher-img {
        text-align: center;
        width: 100%;
    }

        .cpu-teacher-img img {
            width: auto;
        }

    .course-lesson-area img {
        float: none;
        width: auto;
    }

    .course-lesson-img {
        display: inline-block;
        float: left;
        text-align: center;
        width: 100%;
    }

    .course-lesson-area ul {
        padding: 15px 0;
        width: 100%;
    }

    .footer-area {
        text-align: center;
    }

    .cus-products-sec .tabbable-line > .nav-tabs > li {
        width: 100%;
    }

    .tab-products.MyCurriculum-products li {
        height: 300px;
        position: relative;
        width: 100%;
    }

    .MyCurriculum-products .pro-pic {
        height: 130px;
        margin-top: 0;
        padding-top: 20px;
        width: 38%;
    }

    .pro-pic > img {
        width: auto;
    }

    .MyCurriculum-products .mycupro-title {
        height: 130px;
        padding-top: 50px;
        width: 58%;
    }

    .MyCurriculum-products .mycupro-rep {
        margin-top: 15px;
        width: 48%;
    }

    .mycupro-right-arrow {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 25px;
    }

        .mycupro-right-arrow img {
            top: 50%;
        }

    .training-workshops-page .cus-products-sec .tabbable-line > .nav-tabs > li {
        width: 100%;
    }

    .tab-products li {
        width: 48%;
    }

    .training-workshops-page .pro-pic > img {
        width: 90%;
    }

    .equipment-hardware-page .pro-pic > img {
        width: 90%;
    }

    .cus-products-sec .nav.nav-tabs {
        width: 100%;
        display: inline-block;
    }

    .cus-filter {
        margin: 0 5px 0 0;
    }

    .sinlge-pro-tabs .tabbable-line > .nav-tabs > li {
        width: 100%;
    }

    .tab-video-area iframe {
        width: 100% !important;
        height: 200px;
    }

    .pro-image-zoom {
        margin: 25px 0;
        width: 100%;
    }

    .cus-toolbar {
        margin: 10px 0 20px;
        width: 100%;
    }
}

@media (max-width:480px) {
    .laptop-img img {
        width: 100%;
    }

    .hundreds-teachers li {
        margin: 10px 0;
        width: 100%;
    }

    .course-lesson-area img {
        width: 100%;
    }

    .cpu-teacher-img img {
        width: 100%;
    }

    .banner-form form {
        margin: 20px 0;
        width: 100%;
    }

    .banner-form .form-group.submit-group {
        width: 100%;
    }

    .banner-form .form-group {
        margin: 0 0 10px;
        width: 100%;
    }

    .banner-text h2 {
        font-size: 30px;
    }

    .banner-text p {
        font-size: 14px;
    }

    .banner-form {
        margin: 20px 0 0;
    }

        .banner-form span {
            font-size: 15px;
        }

    .user-detail-right {
        margin: 0;
        text-align: center;
        width: 100%;
    }

    .user-detail-left {
        margin: 0;
        text-align: center;
        width: 100%;
    }

    .admin-logo {
        margin-bottom: 10px;
        text-align: center;
        width: 100%;
    }

    .admin-menu-right {
        display: inline-block;
        float: none;
    }

    .user-login {
        display: inline-block;
        float: none;
        margin-right: 10px;
    }

    .login-menus {
        text-align: center;
        width: 100%;
    }

    .equipment-hardware-page .cus-products-sec .tabbable-line > .nav-tabs > li {
        width: 100%;
    }
}

@media (max-width:440px) {
    .MyCurriculum-products .pro-pic {
        height: auto;
        margin-top: 0;
        padding-top: 0;
        width: 100%;
    }

    .MyCurriculum-products .mycupro-title {
        height: auto;
        padding-top: 10px;
        width: 100%;
    }

    .tab-products.MyCurriculum-products li {
        height: auto;
        padding-bottom: 20px;
    }

    .heading-top h2 {
        font-size: 20px;
    }

    .tab-products li {
        margin: 10px 0;
        min-height: auto;
        width: 100%;
    }

    .reg-button a {
        padding: 3px 20px;
        width: auto;
    }
}

@media (max-width:360px) {
    .cus-head .navbar-brand .img-responsive {
        width: 180px;
    }

    .banner-text {
        margin: 50px 0 20px;
    }

    .brands-logo img {
        width: 100%;
    }

    .foot-bot-menus li {
        margin: 0 3px;
    }

    .foot-bot-menus a, .foot-bot-menus p {
        font-size: 13px;
    }

    .foot-bot-menus ul {
        margin: 0 0 10px;
    }

    .footer-area li {
        font-size: 14px;
    }

    .footer-area a {
        font-size: 14px;
    }

    .MyCurriculum-products .mycupro-rep {
        width: 100%;
    }

    .reg-button {
        margin: 0 0 10px;
        width: 100%;
    }

        .reg-button a {
            width: 100%;
        }

    .cus-filter {
        margin: 0;
        width: 100%;
    }

        .cus-filter select {
            width: 100%;
        }

    .sinlge-pro-tabs .cus-inner-tabs .tabbable-line > .nav-tabs > li > a {
        font-size: 13px;
    }
}

/********************menu responsive ends here****/