@media (max-width: 3000px) and (min-width: 1600px){
    .background_img1{
        margin-top: 100px;
    }
    .background_img2{
        margin-top: 50px;
    }
    .background_img3{
        margin-top: 48px;
    }
    .background_img4{
        margin-top: 69px;
    }
    .background_img5{
        margin-top: 75px;
    }
    .header_section .trad_container .upper_container{
        top: 148px;
    }
    .header_section .trad_container .upper_container.course_work_3{
        left: 1px;
        right: 7px!important;
    }
    .header_section .trad_container .upper_container.course_work_2{
        left: 0;
        right: -1px;
    }
    .header_section .trad_container .upper_container.course_work_first{
        left: 0;
    }
    .header_section .trad_container .upper_container.certificate_img_1{
        left: 0;
    }
    .header_section .trad_container .upper_container.certificate_img_2{
        left: 0;
        right:-1px;
    }
    .header_section .trad_container .upper_container.certificate_img_3{
        left: 0;
        right:7px!important;
    }
    .header_section .trad_container .purple_container{
        right: 8px;
    }
    .header_section .trad_container .blue_container{
        left: -8px;
        right: 3px;
    }
    .header_section .trad_container .orange_container{
        left: -3px;
        right: 0;
    }
    .header_section .trad_container .upper_container.certificat_img_4{
        left: -7px;
        right: 3px;
    }
    .header_section .trad_container .last_course_work{
        left: -3px!important;
        right: 0!important;
    }
    .image-show{
        display: block;
    }
    .second_svg {
    position: absolute;
    top: 30px;
    left: 0;
}

}
@media (max-width: 4500px) and (min-width: 3001px){
    .background_img1{
        margin-top: 235px;
    }
    .background_img2{
        margin-top: 190px;
    }
    .background_img3{
        margin-top: 185px;
    }
    .background_img4{
        margin-top: 205px;
    }
    .background_img5{
        margin-top: 211px;
    }
    .header_section .trad_container .upper_container{
        top: 280px;
    }
    .section_utilization .img_container{
        background-size: 116% 119%;
    }
}
@media (max-width: 6000px) and (min-width: 4501px){
    .background_img1{
        margin-top: 345px;
    }
    .background_img2{
        margin-top: 300px;
    }
    .background_img3{
        margin-top: 292px;
    }
    .background_img4{
        margin-top: 315px;
    }
    .background_img5{
        margin-top: 319px;
    }
    .header_section .trad_container .upper_container{
        top: 390px;
    }
    .section_utilization .img_container{
        background-size: 116% 91%;
    }
    .second_svg {
    position: absolute;
    top: 30px;
    left: 0;
}
}
@media (max-width: 8000px) and (min-width: 6001px){
    .background_img1{
        margin-top: 455px;
    }
    .background_img2{
        margin-top: 410px;
    }
    .background_img3{
        margin-top: 384px;
    }
    .background_img4{
        margin-top: 425px;
    }
    .background_img5{
        margin-top: 420px;
    }
    .header_section .trad_container .upper_container{
        top: 500px;
    }
    .second_svg {
    position: absolute;
    top: 30px;
    left: 0;
}
}




@media (max-width: 767px) and (min-width: 320px){
    .upper-wrapper{
    display: block;
        margin-top: 10px;
}
    .section_two .chat_container_o .chat_box:nth-child(even) p:after {
    bottom: -34px;
}
.second_svg {
    position: absolute;
    top: 30px;
    left: 0;
}
    .up_down_left >div {
        display: none;
    }
    .wrapper {
        padding:0;
    }
    .logo_container{
        background-color: #39425A;
        width: 319px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .header_section .nav_container div:nth-child(1) {
        padding-top: 0;
        width: 100%;
    }
    .header_section .nav_container .logo_container h1 {
        font-size: 19px;
        padding: 17px 0 12px 15px;
        margin-bottom: 0;
    }
    .header_section .nav_container div:nth-child(2)>div{
        display: none;
    }
    .header_section .nav_container {
        padding: 0;
    }
    .trad_container{
        display: flex;
        justify-content: center;
        margin-top: 0px!important;
    }
    .header_section .nav_container .logo_container .circle_img {
        width: auto;
        height: auto;
        margin-left: 10px;
        top: 0;
        padding-top: 1px;
    }
    .header_section .nav_container .logo_container .circle_img img{
        width: 30px;
    }
    .cw-chart-1{
        background-image: url(../asset/cw-chart-1.png) !important;
    }
    .cw-chart-2{
        background-image: url(../asset/cw-chart-2.png) !important;
    }
    .cw-chart-3{
        background-image: url(../asset/cw-chart-3.png) !important;
    }
    .cw-chart-4{
        background-image: url(../asset/cw-chart-4.png) !important;
    }
    .cw-chart-5{
        background-image: url(../asset/cw-chart-5.png) !important;
    }

    .cert-chart-1{
        background-image: url(../asset/cert-chart-1.png) !important;
    }
    .cert-chart-2{
        background-image: url(../asset/cert-chart-2.png) !important;
    }
    .cert-chart-3{
        background-image: url(../asset/cert-chart-3.png) !important;
    }
    .cert-chart-4{
        background-image: url(../asset/cert-chart-4.png) !important;
    }
    .cert-chart-5{
        background-image: url(../asset/cert-chart-5.png) !important;
    }

    .header_section .nav_container div:nth-child(1) ul {
            margin-top: 20px;
        display: flex;
        justify-content: center;
    }
    .header_section .nav_container div:nth-child(1) ul li a {
        padding: 4px 12px;
    }
    .header_section .nav_container div:nth-child(2) ul li {
        background-color: #39425aed;
        width: -webkit-fill-available;
    }
    .header_section .nav_container .img_text {
        flex-direction: row;
        align-items: flex-start;
        position: absolute;
        left: 110px;
        top: 19px;
    }
    .nav_container .img_text .image-click{
        margin-top: -3px;
    }
    .nav_container .img_text .image-click i{
        margin-top: 0;
            font-size: 12px;
    }
    .nav_container .img_text .image-click:hover{
       cursor: pointer;
    }
    .header_section .nav_container .img_text img {
        width: 100px;
    }
    .set-drop{
        left: unset!important;
        right: 0;
        background-color: #333!important;
    }
    .set-btn{
        padding: 5px 3px 5px 0px!important;
        margin: 12px 0px 0px 5px !important;
        line-height: 0 !important;
        border: none !important;
        cursor: pointer!important;
        background-color: #4f6dd9 !important;
        border-color: #4f6dd9!important;
    }
    .mobile-version{
        display:block!important;
    }

    .carousel{
        display: block;
    }
    .mobile-version-display{
        display: flex !important;
        flex-direction: column-reverse!important;
    }
    .section_two .chat_container_o .chat_box p {
        font-size: 14px;
        padding: 25px 20px 25px 25px;
    }
    .section_two .chat_container_o .chat_box:nth-child(even) {
        margin-left: 0px;
        margin-top: 50px;
    }
    .section_two .chat_container_o .chat_box:nth-child(odd) {
        margin-top: 50px;
    }
    .section_two .chat_container_o {
        padding: 40px 0px 0px 0px;
    }
    .section_two .chat_container_o {
        padding: 0px 0px 0px 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .section_two .wifi_container {
        margin-top: 10px;
        padding: 0px 0px 0px 0px;
    }
    .section_two .progress_section {
        padding: 0 0px;
    }
    .footer .primary_container{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .comcast_page_section .main_container {
        top: 0px;
    }
    .section_two .add_more {
        font-size: 18px;
        width: 100%;
    }
    .section_two .header_text h1 {
        text-align: left;
        margin-left: 0;
        font-size: 22px;
        color: #727a8e;
        margin-top: 28px;
    }
    .section_two .progress_section ul li span:first-child {
        display: none;
    }
    .yellow_color {
        display: none;
    }
    .section_two .progress_section ul li h4 {
        font-size: 10px;
    }
    .section_two .progress_section ul li span {
        font-size: 10px;
    }
    .section_two .progress_section ul li h5 {
        font-size: 10px;
        padding-right: 0px;
    }
    .footer-mobile{
        display: none!important;
    }
    .footer .primary_container>div {
        text-align: center;
    }
    .footer .primary_container .icon_last_wrapper {
        padding: 53px 59px 0px 59px;
        width: 300px;
    }
    .footer .primary_container>div:last-child li {
        margin-left: 15px;
        margin-bottom: 15px;
    }
    .footer_text ul li:last-child {
        float: left;
        padding-right: unset;
        margin-top: 20px;
    }
    .footer_text ul li {
        margin-left: 0px;
    }
    .footer_text ul {
        padding-left: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .header_section .first_container {
        width: 100%;
        background-size: 100% 100%;
    }
    .swiper-slide {
        width: 100%!important;
    }


    .section_utilization .ex_container {
        margin: 0 0 0 14px;
    }
    .utilization_container .background{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .section_utilization .header_text.wea h3 {
        text-align: left;
        margin-left: 14px;
    }
    .section_utilization .mobile-set h3 {
        margin-left: 11px;
    }

    .section_utilization .prog_img_second {
        top: 0px;
    }
    .section_utilization .progress_image .skyblue_svg .foot_text_svg {
        padding-left: 0px;
    }
    .section_utilization .progress_image .image_container .skyblue_svg{
        width: 100%;
    }
    .section_utilization .progress_image .image_container {
        justify-content: center;
    }
    .circle_2 {
        margin: 35px 0px 31px 0px;
        text-align: center;
    }
    .animation-area {
        margin: 24.5px 0px;
    }
    .section_utilization .progress_image .image_container .background>div {
        margin-left: 0px;
        margin-bottom: 46.5px;
    }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
        margin-right: -10px;
        right: 17px;
            top: 25px;
        border: 1px solid;
        padding: 5px 5px;
    }
    .carousel-control .glyphicon-chevron-left{
        right: 48px;
            top: 25px;
        left: unset;
        position: absolute;
        margin-left: 0;
        border: 1px solid;
        padding: 5px 5px;
    }
    .desktop-version{
        display: none !important;
    }
    .header_section .trad_container .text_container h6 {
        font-size: 20px;
        padding-right: 21px;
        opacity: 1;
        text-align: left;
            padding-top: 5px!important;
    }
    .header_section .trad_container .extra_container h5 {
        padding-left: 0;
    }
    .header_section .trad_container .bottom_text p{
        font-size: 12px;
        padding-top: 10px;
        padding-left: 9px;
    }
    .header_section .trad_container .text_container{
        padding-left: 11px;
    }
    .header_section .trad_container .bottom_text{
        padding-right: 19px;
    }
    .header_section .bottom_text img{
        width: 23px;
        height: auto;
    }
    .header_section .trad_container .upper_container{
        left: 0;
        right: 0;
        display: none;
        top: 0;
        position: relative;
    }
    .header_section .upper_container .top_performers p{
        padding-left: 7px;
        text-align: left;
    }
    .header_section .upper_container .list_bottom ul li{
        padding-left: 7px;
        text-align: left;
    }
    .header_section .trad_container .upper_container .text_upper{
        display: none;
    }
    .header_section .trad_container .upper_container .calender_container .foot_text{
        align-items: center;
        padding-left: 9px;
    }
    .header_section .trad_container .extra_class{
        padding-left: 6px;
    }
    .header_section .inner_container{
        padding-left: 11px;
        width: 45px;
    }
    .header_section .trad_container .upper_container .calender_container .foot_text p:last-child{
        font-size: 19px;
    }
    .calender_container{
        padding-top: 15px;
    }
    .header_section .trad_container .text_container h5 span {
        font-size: 76px;
    }
    .header_section .trad_container .chater h5 {
        padding-left: 24px!important;
    }
    .green-chart {
        background-image: url(../asset/1.png) !important;
    }
    .pink-chart {
        background-image: url(../asset/2.png) !important;
    }
    .darkblue-chart {
        background-image: url(../asset/3.png) !important;
    }
    .blue-chart {
        background-image: url(../asset/4.png) !important;
    }
    .orange-chart {
        background-image: url(../asset/5.png)!important;
    }
    #mymobileChart {
        padding-left: 12px;
    }
    .background_img1 {
            padding: 0 19px 16px 23px;
        width: 100%;
        /*height: 373px;*/
    }
    .background_img2 {
        padding: 60px 25px 7px 20px;
        width: 100%;
        /*height: 424px;*/
        margin-top: 0px;
    }
    .header_section .trad_container .blue_container{
        background-color: transparent;
    }
    .utilization_container{
        width: 100%;
    }
    .background_img3 {
       padding: 60px 18px 8px 25px;
        /*height: 425px;*/
    }
    .background_img4 {
       padding: 40px 15px 6px 20px;
        width: 100%;
        /*height: 403px;*/
    }
    .background_img5 {
        width: 100%;
      padding: 40px 24px 0px 20px;
        /*height: 395px;*/
    }
    .swiper-container{
        display: block;
    }
    .header_section .nav_container div:nth-child(2) ul {
        margin-top: 1px;
        background-color: #000;
        width: 104px;
        z-index: 0;
        padding-left: 0px;
    }
    .header_section .nav_container div:nth-child(2) .btn_dashboard {
        border-radius: 0px;
        background-color: #323B52;
        font-size: 11px;
    }
    .header_section .nav_container div:nth-child(2) {
        flex-direction: column;

        z-index: 0;
    }
    .header_section .nav_container div:nth-child(2) {
        display: block;
        padding-top: 12px;
        text-align: right;
        position: relative;
    }
    .color-white{
        color: white;
    }
    .drop-down{

    }
    .background-color{
        display: flow-root;
    }
    .background-color-1{

    }
    .months ul li {
        font-size: 8px;
    }

    .special-position{
        position: absolute!important;
        right: 15px;

    }
    .special-position a{
        font-size: 20px;

    }
    .hamberger{
        display: block;
        cursor: pointer;
    }
    .nav-hide{
        display: none;
    }
    .carousel-control {
        width: 4%!important;
        position: unset;
    }
    .two_color_circle{
        width: 100%;
        max-width: 100%;
    }
    .section_utilization .container_r_graph>div {
        justify-content: flex-start;
        flex-direction: column;
    }
    .section_utilization .container_r_graph h3 {
        font-size: 16px;
        color: #fff!important;
        padding-bottom: 2px!important;
    }
    .section_utilization .img_container {
        background-size: 211% 240%;
        background-position: 69% 0%;
        height: 305px;
    }
    .months {
        top: 290px;
    }
    #container_svg {
        top: 125px;
    }
    .image-show{
        display: none;
        position: absolute;
        /*left: 105px;*/
        top: 32px;
        background-color: #39425aed;
        padding: 5px 7px 0px 18px;
    }
    .image-courses{
    left: 26px;
    padding: 5px 8px 0px 49px;
    }
    .image-click{
        display: block;
    }
    .img_text i{
        background-color: #4680d8;
        padding: 0px 2px;
        margin: 14px 0px 0px 4px;
    }
    .header_section .nav_container div:nth-child(3) p:first-child {
        font-size: 18px;
            margin-top: 6px;
    }
    .header_section .nav_container div:nth-child(3) h4 {
        font-size: 18px;
    }
    .mobile-version-1 {
        display: block;
    }
    .circleres11 {
        stroke: #2DA1EC;
    }
    /*sections-upper-dropdown-start*/

    .wrapper-list .upper-first-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
        margin-left: 78px;
    }
    .wrapper-list .upper-second-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
             margin-left: 34px;
    }
    .wrapper-list .upper-third-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
            margin-left: 24px;
    }
    .wrapper-list .upper-fourth-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
       margin-left: 102px;
    }
    .wrapper-list .upper-fifth-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
       margin-left: 114px;
    }
    .wrapper-list .course-first-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
        margin-left: 78px;
    }
    .wrapper-list .course-second-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
          margin-left: 62px;
    }
    .wrapper-list .course-third-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
            margin-left: 24px;
    }
    .wrapper-list .course-fourth-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
       margin-left: 102px;
    }
    .wrapper-list .course-fifth-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
       margin-left: 114px;
    }
    .wrapper-list .certificate-first-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
        margin-left: 0px;
    }
    .wrapper-list .certificate-second-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
        margin-left: 78px;
    }
    .wrapper-list .certificate-third-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
        margin-left: -35px;
    }
    .wrapper-list .certificate-fourth-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
      margin-left: 26px;
    }
    .wrapper-list .certificate-fifth-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
       margin-left:34px;
    }
    .upper-wrapper .active .wrapper-heading{
        display: none;
    }
    .upper-wrapper .wrapper-heading{
        font-size: 20px;
    opacity: 1;
    text-align: left;
        color: #f9f9f9;
    font-family: 'Roboto', sans-serif;
    font-weight: lighter;
    }
    .wrapper-list .active .upper-first-arrow {
        transform: rotate(180deg);
        margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }
    .wrapper-list .active .upper-second-arrow {
        transform: rotate(180deg);
        margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }

    .wrapper-list .active .upper-third-arrow {
        transform: rotate(180deg);
        margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }
    .wrapper-list .active .upper-fourth-arrow {
        transform: rotate(180deg);
        margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }
    .wrapper-list .active .upper-fifth-arrow {
        transform: rotate(180deg);
        margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }
    .wrapper-list .active .course-first-arrow {
        transform: rotate(180deg);
        margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }
    .wrapper-list .active .course-second-arrow {
        transform: rotate(180deg);
          margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }

    .wrapper-list .active .course-third-arrow {
        transform: rotate(180deg);
         margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }
    .wrapper-list .active .course-fourth-arrow {
        transform: rotate(180deg);
        margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }
    .wrapper-list .active .course-fifth-arrow {
        transform: rotate(180deg);
         margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }
    .wrapper-list .active .certificate-first-arrow {
        transform: rotate(180deg);
        margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }
    .wrapper-list .active .certificate-second-arrow {
        transform: rotate(180deg);
        margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }

    .wrapper-list .active .certificate-third-arrow {
        transform: rotate(180deg);
        margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }
    .wrapper-list .active .certificate-fourth-arrow {
        transform: rotate(180deg);
        margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }
    .wrapper-list .active .certificate-fifth-arrow {
        transform: rotate(180deg);
        margin-left: 78%;
        z-index: 15;
            padding-bottom: 10px;
    }
    .wrapper-list .dropdown-container-1{
        display: none;
    }
    .green-block-upper{
        background-color: #2DBF16;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .pink-block-upper{
        background-color: #F70065;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .darkblue-block-upper{
        background-color: #544E9F;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .blue-block-upper{
        background-color: #0075D5;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .orange-block-upper{
        background-color: #FCAC2A;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .course-block-one{
        background-color: rgb(0, 151, 152);
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .course-block-two{
        background-color: rgb(22, 202, 204);
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .course-block-three{
        background-color:rgb(3, 170, 224);
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .course-block-fourth{
        background-color: rgb(2, 107, 193);
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .course-block-fifth{
        background-color: rgb(0, 173, 189);
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .course_img1{
        background-color: rgb(0, 151, 152);
              margin-top: -35px;
    }
    .course_img2{
        background-color: rgb(22, 202, 204);
        margin-top: -35px;
        padding: 0px 25px 7px 20px;
    }
    .course_img3{
        background-color:rgb(3, 170, 224);
        margin-top: -35px;
        padding: 0px 25px 7px 20px;
    }
    .course_img4{
        background-color: rgb(2, 107, 193);
        margin-top: -35px;
        padding: 0px 25px 7px 20px;
    }
    .course_img5{
        background-color: rgb(0, 173, 189);
        margin-top: -35px;
        padding: 0px 25px 7px 20px;
    }
    .certificate-block-one{
        background-color: rgb(129, 42, 210);
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .certificate-block-two{
        background-color: rgb(193, 56, 236);
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }.certificate-block-three{
        background-color:rgb(192, 27, 212);
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .certificate-block-fourth{
        background-color: rgb(152, 18, 154);
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .certificate-block-fifth{
        background-color:rgb(157, 77, 197);
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }
    .certificate_img1{
        background-color: rgb(129, 42, 210);
        margin-top: -35px;
    }
    .certificate_img2{
        background-color: rgb(193, 56, 236);
        margin-top: -35px;
        padding: 0px 25px 7px 20px;
    }
    .certificate_img3{
        background-color:rgb(192, 27, 212);
        margin-top: -35px;
        padding: 0px 25px 7px 20px;
    }
    .certificate_img4{
        background-color: rgb(152, 18, 154);
        margin-top: -35px;
        padding: 0px 25px 7px 20px;
    }
    .certificate_img5{
        background-color: rgb(157, 77, 197);
        margin-top: -35px;
        padding: 0px 25px 7px 20px;
    }
    .upper-wrapper-bg-1{
        background-color: #2DBF16;
        margin-top: -35px;
    }
    .upper-wrapper-bg-2{
        background-color: #F70065;
             padding: 0px 25px 7px 20px;
    margin-top: -35px;
    }
    .upper-wrapper-bg-3{
        background-color: #544E9F;
            padding: 0px 25px 7px 20px;
    margin-top: -35px;
    }
    .upper-wrapper-bg-4{
        background-color: #0075D5;
            padding: 0px 25px 7px 20px;
           margin-top: -35px;
    }
    .upper-wrapper-bg-5{
        background-color: #FCAC2A;
        padding: 0px 25px 7px 20px;
       margin-top: -35px;
    }
    .popup_inner {
    top: -5px;
}
.second_popup {
    top: -7px;
}
.third_popup {
    top: -7px;
}
.fourth_popup {
    top: -7px;
}
.slider-popup{
    top:40px;
}
.section_utilization .container_r_graph ul {
    justify-content: space-between;
    /* display: flex; */
}
    .wrapper-list >fa-angle-up {
        color: white;
        margin: 25px 14px;
    }
    .header_section .inner_container .fa {
    display: none;
}
    .header_section .trad_container>div {
    
    width: 100%;
}
    /*sections-upper-dropdown-end*/
    /*sections-dropdown-start*/
    .wrapper-list h3{
        font-size: 20px!important;
        color: #f5a623!important;
        padding-bottom: 45px!important;
        margin-top: 20px;
    }
    .wrapper-list .first-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
        padding-right: 20px;
    }
    .wrapper-list .second-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
        padding-right: 20px;
    }
    .wrapper-list .third-arrow{
        z-index: 1;
        color: white;
        font-size: 20px;
        padding-right: 20px;
    }

    .wrapper-list .active .first-arrow {
        transform: rotate(180deg);
        padding-left: 20px;
        padding-top: 60px;
    }
    .wrapper-list .active .second-arrow {
        transform: rotate(180deg);
        padding-left: 20px;
        padding-top: 60px;
    }

    .wrapper-list .active .third-arrow {
        transform: rotate(180deg);
        padding-left: 20px;
        padding-top: 60px;
    }

    .wrapper-list .dropdown-container {
        overflow: hidden;
        /*background-color: #fff;*/
    }
    .wrapper-icon{
        background-color: #323B52;
        display: flex;
        justify-content: flex-end;
           margin-bottom: -50px;
        padding-top: 30px;
    }


    .wrapper-list >fa-angle-up {
        color: white;
        margin: 25px 14px;
    }
    .mobile-wrapper{
        display: block;
    }
    .desktop-wrapper{
        display: none;
    }
/*sections-dropdown end*/
.second_svg {
    position: absolute;
    top: 30px;
    left: 0;
}
.header_section .upper_container .graph_container {
    width: 100%;
}
.extra-width {
     min-width: 0px; 
}

}
@media (max-width: 640px) and (min-width: 360px){
    .footer .primary_container .icon_last_wrapper {
        padding: 45px 50px 0px 55px
    }
    .section_two .chat_container_o .chat_box:nth-child(even) p:after {
    bottom: -33px;
}
}
@media (max-width: 1023px) and (min-width: 768px){
    .second_svg {
    position: absolute;
    top: 30px;
    left: 0;
}
    .section_utilization {
        background: #333b52;
    }
    .header_section .first_container.course_work, .header_section .first_container.certificate_trading{
        background-image: none;
    }
    .course_img2, .certificate_img2{
        padding: 35px 8px 20px 16px!important;
    }
    .res_area_prp{
        max-width: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .res_area_prp.tx{
        align-items: center;
    }
    .wrapper{
        padding: 0;
    }
    .res_area_prp > div{
        padding-left: 105px;
    }
    #container_svg{
        padding-left: 0!important;
    }
    .section_two {
        top: 202px;
        padding-top: 45px;
        position: relative;
    }
    .section_utilization .container_r_graph{
        padding-left: 15px;
    }
    .comcast_page_section .primary_main {
        top: 206px;
    }
    .section_two .chat_container_o .chat_box p {
        padding: 25px 25px 25px 25px;
        font-size: 14px;
    }
    .section_two .chat_container_o .chat_box:nth-child(even) {
        margin-left: 20px;
    }
    .section_two .img_container {
        padding-bottom: 220px;
    }
    .section_utilization .img_container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .space-btw-footer{
        padding-bottom: 320px;
    }
    #container_svg {
        position: absolute;
        top: 93px;
        left: 0;
        width: 100%;
        background-image: url(../asset/grp.jpg);
        background-size: 116% 122%;
        background-position: 0 8%;
    }
    .months {
        top: 275px;
        padding-left: 0!important;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    .section_utilization .img_container {
        background-image: none;
    }
    .header_section .nav_container .logo_container h1 {
        font-size: 30px;
    }
    .header_section .nav_container .logo_container .circle_img {
        width: 50px;
        height: 50px;
    }
    .header_section .nav_container .img_text img {
        width: 100px;
    }
    .header_section .nav_container div:nth-child(3) p:first-child {
        font-size: 16px;
    }
    .header_section .nav_container div:nth-child(3) h4 {
        margin-top: 0px;
        font-size: 16px;
    }
    .header_section .nav_container div:nth-child(2) .btn_dashboard {
        font-size: 10px;
        padding: 6px 6px;
    }
    .header_section .nav_container div:nth-child(1) ul li a {
        padding: 4px 0px;
        font-size: 10px;
    }
    .header_section .nav_container div:nth-child(2) ul li a {
        padding: 0px 0px;
        font-size: 10px;
    }
    .section_two .progress_section ul li h4 {
        font-size: 12px;
    }

    .header_section .trad_container .extra_container h5 sup:last-child {
        top: -11px;
        right: 0px;
        font-size: 16px;
    }
    .header_section .trad_container .text_container h5 span {
            font-size: 26px;
        letter-spacing: -1.7px;
        font-family: 'Roboto', sans-serif;
    }
    .header_section .trad_container .text_container h5 sup:first-child {
        top: -12px;
        font-size: 24px;
    }
    .header_section .trad_container .extra_class h5 {
        padding-left: 0px;
        opacity: 0.5;
        font-weight: lighter;
        padding-top: 0px;
        margin-top: 37px;
    }
    .header_section .trad_container .text_container h6 {
        color: #f9f9f9;
        font-size: 10px;
        margin-top: 0px;
        margin-bottom: 0px;
        opacity: 0.7;
        padding-top: 8px;
        font-family: 'Roboto', sans-serif;
        font-weight: lighter;
    }
    .header_section .inner_container {
        overflow: hidden;
        height: 8px;
        margin-top: 0px;
    }

    .header_section .trad_container .extra_container h5 {
        padding-left: 0px;
    }
    .header_section .trad_container .inner_container span {
        float: left;
        margin-top: 1px;
    }
    .header_section .trad_container .bottom_text p {
        color: #fff;
        font-size: 9px;
        margin-bottom: 0;
        padding-top: 4px;
        font-family: 'Roboto', sans-serif;
        font-weight: lighter;
    }

    .background_img1 {
        background-color: #2DBF16;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 35px 6px 20px 6px;
        margin-top: 49px;
    }
    .background_img2 {
        background-color: #F70065;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 32px 8px 15px 16px;
        margin-top: 49px;
    }
    .background_img3 {
        background-color: #544E9F;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        padding: 30px 4px 17px 6px;
        margin-top: 49px;
    }
    .background_img4 {
        background-color: #0075D5;
        background-repeat: no-repeat;
        width: 100%;
        padding: 35px 3px 20px 8px;
        background-size: cover;
        margin-top: 49px;
    }
    .background_img5 {
        background-color: #FCAC2A;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        padding: 30px 4px 25px 10px;
        margin-top: 49px;
    }
    .course_img1{
        background-color: #009798;
    }
    .course_img2{
        background-color: #16CACC;
    }
    .course_img3{
        background-color: #03AAE0;
    }
    .course_img4{
        background-color: #026BC1;
    }
    .course_img5{
        background-color: #00ADBD;
    }
    .certificate_img1{
        background-color: #812AD2;
    }
    .certificate_img2{
        background-color: #C138EC;
    }
    .certificate_img3{
        background-color: #C01BD4;
    }
    .certificate_img4{
        background-color: #AF4AB1;
    }
    .certificate_img5{
        background-color: #9D4DC5;
    }
    .header_section .trad_container .extra_class {
        top: 0;
    }
    .header_section .trad_container .text_container h5 sup:last-child {
        top: -12px;
        font-size: 16px;
    }
    .header_section .trad_container .background_img5 .text_container h6 {
        padding-top: 8px;
    }
    .header_section .first_container {
        margin-top: -39px;
        position: relative;
        z-index: 14;
        background-image: url();
        background-size: cover;
    }
    .section_two .header_text h1 {
        margin-left: 14px;
        font-size: 30px;
    }
    .section_two .team_txt h1 {
        text-align: left;
    }
    .section_two .chat_container_o {
        padding: 0px 0px 0px 17px;
    }
    .section_utilization .container_r_graph>div {
        justify-content: left;
    }
    .header_section .trad_container .upper_container .calender_container .foot_text p:last-child {
        font-size: 20px;
    }

}
@media (max-width: 1199px) and (min-width: 1024px){
    .second_svg {
    position: absolute;
    top: 30px;
    left: 0;
}
    .header_section .first_container {
     background-image: none; 
}
    .section_utilization {
        background: #333b52;
    }
    .res_area_prp{
        max-width: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .res_area_prp.tx{
        align-items: center;
    }
    .wrapper{
        padding: 0;
    }
    .res_area_prp > div{
        padding-left: 105px;
    }
    #container_svg{
        padding-left: 0!important;
    }
    .section_two {
        top: 202px;
        padding-top: 45px;
        position: relative;
    }
    .section_utilization .container_r_graph{
        padding-left: 15px;
    }
    .comcast_page_section .primary_main {
        top: 206px;
    }
    .section_two .chat_container_o .chat_box p {
        padding: 25px 25px 25px 25px;
        font-size: 14px;
        margin-top: 50px;
    }
    .section_two .chat_container_o .chat_box:nth-child(even) {
        margin-left: 20px;
    }
    .section_two .img_container {
        padding-bottom: 220px;
    }
    .section_utilization .img_container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .space-btw-footer{
        padding-bottom: 320px;
    }
    #container_svg {
        position: absolute;
        top: 93px;
        left: 0;
        width: 100%;
        background-image: url(../asset/grp.jpg);
        background-size: 116% 122%;
        background-position: 0 8%;
    }
    .months {
        top: 275px;
        padding-left: 0!important;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    .section_utilization .img_container {
        background-image: none;
    }
    .header_section .nav_container .logo_container h1 {
        font-size: 30px;
    }
    .header_section .nav_container .logo_container .circle_img {
        width: 50px;
        height: 50px;
    }
    .header_section .nav_container .img_text img {
        width: 100px;
    }
    .header_section .nav_container div:nth-child(3) p:first-child {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .header_section .nav_container div:nth-child(3) h4 {
        margin-top: -7px;
        font-size: 16px;
    }
    .header_section .nav_container div:nth-child(2) .btn_dashboard {
        font-size: 12px;
        padding: 6px 6px;
    }
    .header_section .nav_container div:nth-child(1) ul li a {
        padding: 4px 0px;
        font-size: 10px;
    }
    .header_section .nav_container div:nth-child(2) ul li a {
        padding: 0px 0px;
        font-size: 12px;
    }
    .section_two .progress_section ul li h4 {
        font-size: 12px;
    }




    .header_section .trad_container .extra_container h5 sup:last-child {
        top: -11px;
        right: 0px;
        font-size: 16px;
    }
    .header_section .trad_container .text_container h5 span {
        font-size: 34px;
        letter-spacing: -1.7px;
        font-family: 'Roboto', sans-serif;
    }
    .header_section .trad_container .text_container h5 sup:first-child {
        top: -12px;
        font-size: 24px;
    }
    .header_section .trad_container .extra_class h5 {
        padding-left: 0px;
        opacity: 0.5;
        font-weight: lighter;
        padding-top: 0px;
        margin-top: 37px;
    }
    .header_section .trad_container .text_container h6 {
        color: #f9f9f9;
        font-size: 10px;
        margin-top: 0px;
        margin-bottom: 0px;
        opacity: 0.7;
        padding-top: 8px;
        font-family: 'Roboto', sans-serif;
        font-weight: lighter;
    }
    .header_section .inner_container {
        overflow: hidden;
        height: 8px;
        margin-top: 0px;
    }

    .header_section .trad_container .extra_container h5 {
        padding-left: 0px;
    }
    .header_section .trad_container .inner_container span {
        float: left;
        margin-top: 1px;
    }
    .header_section .trad_container .bottom_text p {
        color: #fff;
        font-size: 9px;
        margin-bottom: 0;
        padding-top: 4px;
        font-family: 'Roboto', sans-serif;
        font-weight: lighter;
    }

    .background_img1 {
        background-color: #2DBF16;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 35px 6px 20px 6px;
        margin-top: 49px;
    }
    .background_img2 {
        background-color: #F70065;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 35px 8px 20px 16px;
        margin-top: 49px;
    }
    .background_img3 {
        background-color: #544E9F;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        padding: 35px 4px 20px 6px;
        margin-top: 49px;
    }
    .background_img4 {
        background-color: #0075D5;
        background-repeat: no-repeat;
        width: 100%;
        padding: 35px 3px 20px 8px;
        background-size: cover;
        margin-top: 49px;
    }
    .background_img5 {
        background-color: #FCAC2A;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        padding: 38px 4px 17px 10px;
        margin-top: 49px;
    }
    .res_area_prp.tx .popup_inner.alone_popup{
        width: auto;
    }
     .course_img1{
        background-color: #009798;
    }
    .course_img2{
        background-color: #16CACC;
    }
    .course_img3{
        background-color: #03AAE0;
    }
    .course_img4{
        background-color: #026BC1;
    }
    .course_img5{
        background-color: #00ADBD;
    }
    .certificate_img1{
        background-color: #812AD2;
    }
    .certificate_img2{
        background-color: #C138EC;
    }
    .certificate_img3{
        background-color: #C01BD4;
    }
    .certificate_img4{
        background-color: #AF4AB1;
    }
    .certificate_img5{
        background-color: #9D4DC5;
    }
    .header_section .trad_container .extra_class {
        top: 0;
    }
    .header_section .trad_container .text_container h5 sup:last-child {
        top: -12px;
        font-size: 16px;
    }
    .header_section .trad_container .background_img5 .text_container h6 {
        padding-top: 8px;
    }
    .header_section .first_container.course_work {
        /*margin-top: 20px;*/
        position: relative;
        z-index: 14;
        background-size: cover;
        background-image: none;
    }
    .header_section .first_container.certificate_trading{
        /*margin-top: 20px;*/
        position: relative;
        z-index: 14;
        background-size: cover;
        background-image: none;
    }
    .section_two .header_text h1 {
        margin-left: 14px;
        font-size: 30px;
    }
    .section_two .team_txt h1 {
        text-align: left;
    }
    .section_two .chat_container_o {
        padding: 0px 0px 0px 17px;
    }
    .section_utilization .container_r_graph>div {
        justify-content: left;
    }
    .header_section .trad_container .upper_container .calender_container .foot_text p:last-child {
        font-size: 20px;
    }
    .section_two .add_more {
    padding-top: 10px;
}
}

@media (max-width: 2048px) and (min-width: 1536px){
.header_section .nav_container div:nth-child(1) ul li a {
    font-size: 16px;
}
.header_section .nav_container div:nth-child(2) ul li a {
    font-size: 16px;
}
.header_section .nav_container div:nth-child(2) .btn_dashboard {
    font-size: 16px;
}
.section_two .add_more {
    padding-top: 10px;
}
    .second_svg {
        position: absolute;
        top: 30px;
        left: 0;
    }
    .res_area_prp.tx .popup_inner.alone_popup{
        width: auto;
    }
    .background_img5{
        padding: 38px 4px 17px 10px;;
    }
}

@media (max-width: 3000px) and (min-width: 2048px){
.header_section .nav_container div:nth-child(1) ul li a {
    font-size: 20px;
}
.header_section .nav_container div:nth-child(2) ul li a {
    font-size: 20px;
}
.header_section .nav_container div:nth-child(2) .btn_dashboard {
    font-size: 20px;
}
    .second_svg {
        position: absolute;
        top: 30px;
        left: 0;
    }
}

@media (max-width: 3000px) and (min-width: 2560px){
.header_section .nav_container div:nth-child(1) ul li a {
    font-size: 22px;
}
.header_section .nav_container div:nth-child(2) ul li a {
    font-size: 22px;
}
.header_section .nav_container div:nth-child(2) .btn_dashboard {
    font-size: 22px;
}
    .second_svg {
        position: absolute;
        top: 30px;
        left: 0;
    }
}
@media (max-width: 2048px) and (min-width: 1536px){
.header_section .bottom_text img {
    margin-top: 15px;
}
.header_section .trad_container .bottom_text p {
    padding-top: 20px;
}
.header_section .trad_container .extra_class {
    top: 8px;
}
.header_section .trad_container .text_container h5 span {
    font-size: 60px;
}
.background_img3 {
    padding: 80px 10px 17px 10px;
}
.second_svg {
    position: absolute;
    top: 30px;
    left: 0;
}
}