/*=============== Extra Large(xl) Device ===============*/
@media (min-width: 1200px) and (max-width: 1599px) {
    .header-style-two .primary-menu-list > li > a {
        margin-right: 30px;
    }
    .header-style-two .primary-menu-list > li:last-child > a {
        margin-right: 0;
    }
    .header-style-two .container-fluid {
        padding: 0 30px;
    }
    .header-style-two .megamenu {
        width: 850px;
    }
    .slider-content h1 {
        font-size: 45px;
        margin-bottom: 5px;
    }
    .slider-content h2 {
        font-size: 55px;
        line-height: 55px;
        margin-bottom: 10px;
    }
    .header-style-four .container-fluid {
        padding: 0 15px;
    }
    .header-style-four .primary-menu-list > li > a {
        margin-right: 28px;
    }
    .banner-content.text-center {
        text-align: left!important;
    }
    .aboss-blog .container-fluid {
        padding: 0 50px;
    }
    .blog-4-col-fullwidth  [class*="col-"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .d-lg-block {    padding-left: 207px;}
    .widthdiviframe {position: relative;width: 500px!important;}

}

/*=============== Large(LG) Device ===============*/
@media (min-width: 992px) and (max-width: 1199px) {
    .slider-content h1,
    .slider-content h3 {
        font-size: 40px;
    }
    .professional-bg .banner-info h2 span {
        font-size: 35px;
    }
    .h2testim span {
        font-size: 35px!important;
    }
    .slider-content h2 {
        font-size: 55px;
        line-height: 55px;
        margin-bottom: 10px;
    }
    .professional-bg .banner-info h2 {
        font-size: 50px;
    }
    .h2testim h2 {
        font-size: 50px!important;
    }
    .professional-bg {
        padding: 275px 0;
    }
    .deal-pro-active .pro-img {
        width: 46%;
    }
    .header-style-two .primary-menu-list > li > a {
        margin-right: 28px;
    }
    .header-style-two {
        padding: 0;
    }
    .header-style-two .megamenu,
    .header-style-four .megamenu {
        width: 770px;
    }
    .abosolute-header-three .primary-menu-list > li > a {
        margin-right: 29px;
    }
    .header-style-four .primary-menu-list > li > a {
        margin-right: 25px;
    }
    .subscribe-area .container {
      background-position: -85px 0;
    }
    .aboss-blog .container-fluid {
        padding: 0 15px;
    }
    .maain-menu-area .megamenu-two{
        width: 576px;
    }
    .maain-menu-area-three .megamenu{
        width:700px;
    }
    .menu-title {
      font-size: 12px;
    }
    /*== media query margin ==*/
    .mb-lg-30 {
        margin-bottom: 30px;
    }
    .d-lg-block {padding-left: 140px;}
    .widthdiviframe {position: relative;width: 500px!important;}

}

/*=============== 0 to 1199 Device ===============*/
@media (max-width: 1199px) {
    .count {
        margin-right: 15px;
        width: 52px;
        padding: 10px 5px;
    }
    .count p {
        font-size: 16px;
    }
    .count span {
        font-size: 10px;
    }
    .footer-link li {
        margin-right: 12px;
    }
    .header-style-two .container-fluid,
    .abosolute-header-three .container-fluid,
    .our-categorie-two .container-fluid {
        padding: 0 15px;
    }
    .pro-content h4 a {
        font-size: 13px;
    }
    .banner-content.text-center {
        text-align: left!important;
    }
    .team-info h4 {
      font-size: 16px;
      margin-bottom: 0px;
      line-height: 16px;
    }
    .team-info p {
      font-size: 14px;
    }
    .popup_wrapper {
        display: none;
    }
    .blog-dtl-header {
      line-height: 35px;
    }
     .positionLogo {
        position: relative;
        top: 0px;
        height: 80px;
    }
    h1.maintitle {
        font-size: 35px;
        width: 100%

    }
    .fullscreen {
        height: auto;
            padding: 53px 0 100px;
    }
    .d-lg-block {padding-left: 140px;}
    .widthdiviframe {position: relative;width: 500px!important;}
}

/*=============== Medium (md) Device ===============*/

@media (min-width: 768px) and (max-width: 991px) {
    .slider-content h1,
    .slider-content h3 {
        font-size: 35px;
    }
    .slider-content h2 {
        font-size: 55px;
        line-height: 55px;
    }
    .professional-bg .banner-info h2 span {
        font-size: 30px;
    }
    .h2testim span {
        font-size: 30px!important;
        margin: 0px!important;
    }
    .professional-bg .banner-info h2 {
        font-size: 45px;
        margin-bottom: 10px;
    }
    .h2testim {
        font-size: 45px!important;
        margin-bottom: 10px!important;
    }

    .professional-bg {
        padding: 215px 0;
    }
    .deal-pro-active .pro-img {
        width: 45%;
    }
    .deal-pro-active .pro-content {
        padding: 8px 20px;
    }
    .pro-price {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .product-size.mtb-30 {
        margin: 20px 0;
    }
    .color.mb-30 {
        margin-bottom: 20px;
    }
    .social-sharing.mt-30 {
        margin-top: 20px;
    }
    /*== media query margin ==*/
    .mb-md-30 {
        margin-bottom: 30px;
    }
    .mb-md-80 {
        margin-bottom: 80px;
    }
    .mt-md-40 {
        margin-top: 40px;
    }
     .space {
        height: 0px!important;
    }
    ul.homepagecourses li.strLine {
        width: 100%!important;

    }
     .positionLogo {
        position: relative;
        top: 0px;
        height: 80px;
    }

    ul.homepagecourses li.strLine {
        width: 100%!important;

    }
    .testimonialnewdiv {
        width: 100%!important;
        padding: 30px 0 0 0;
    }
    .header-sticky.sticky {
        padding: 0 !important;
    }
    .HalfDivD {
        width: 100%!important;
        margin: 0 0 15px!important;
    }
    .HalfWidth {
        width: 100%!important;
    }
    #HomePage table th {
        display: none;
    }

    #HomePage table td {
        width: 100%!important;
        display: block;
        height: 30px;
        padding: 5px;
    }
    #HomePage table tr {
       border-bottom: 1px solid #eee;
    }
    .mobile {
        display: block;
    }
    #HomePage a {
        display: block;
        padding: 5px;
        background: #eee;
        margin: 0 0 5px;
        color: #000;
        border: 1px solid #ccc;
    }
    .homepagecourses {
        padding: 0!important;
    }
    ul.homepagecourses li.strLine {
        padding: 0!important;
    }
    ul.homepagecourses li.strLine a {
        padding: 10px;
        display: block;
        border: 1px solid #ccc;
        color: #000;
        background: #eee;
        margin: 0 0 5px;
    }
    .aboutusul {
        width: 100%;
        padding: 10px 0 0 0;
    }
    .aboutusul a {
        padding: 10px;
        display: block;
        border: 1px solid #ccc;
        color: #000;
        background: #eee;
        margin: 0 0 5px 20px;
    }
    .HalfWidth .comment-img {
        width: 100%!important;
        text-align: center;
    }
    #ContactPage table th {
        display: none;
    }
    #ContactPage table td {
        width: 100%!important;
    }
    .browser {
        display: none;
    }
    .anzSp {
        width: 70%;
    }
    .remSp {
        width: 20%;
        text-align: left;
    }
    #addRow {
        width: 100%!important;
        margin: 0 0 20px;
    }
    #inputFormRow {
        border-top: 1px solid #eee;
        padding: 20px 0 0 0;

    }
    h1.maintitle {
        font-size: 35px;
        width: 100%

    }
    .fullscreen {
        height: auto;
        padding: 53px 0 100px;
    }
    .d-lg-block {padding-left: 140px;}
    .widthdiviframe {position: relative;width: 500px!important;}

}

/*=============== 0 to 991 ===============*/
@media (max-width: 991px) {
    .slider-content p {
        margin-bottom: 20px;
    }
    .absolute-header {
        background: #ffffff none repeat scroll 0 0;
        position: relative;
    }
    .absolute-header-two {
        background: #d02d32 none repeat scroll 0 0;
    }
    .absolute-header-two .mean-container .mean-bar {
        background: #c32025 none repeat scroll 0 0;
    }
    .abosolute-header-three {
        background: #ba9f74 none repeat scroll 0 0;
    }
    .abosolute-header-three .mean-container .mean-bar {
        background: #ad9267 none repeat scroll 0 0;
    }
    .header-style-four {
        background: #fff none repeat scroll 0 0;
    }
    .header-style-four .mean-container a.meanmenu-reveal span {
        background: #303030 none repeat scroll 0 0;
    }
    .header-style-four .mean-container a.meanmenu-reveal {
        color: #303030;
    }
    .header-style-four .mean-container .mean-bar {
        background: #fafafa none repeat scroll 0 0;
    }
    .header-style-four .mean-container .mean-nav ul li a {
        color: #292929;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .header-style-four .search-cart-area > ul > li > a > span {
        background: #303030 none repeat scroll 0 0;
        color: #fff;
    }
    .logo.text-center {
        text-align: left!important;
    }
    .absolute-header-two {
        top: 0;
    }
    .add-cart,
    .quick-view {
        font-size: 11px;
    }
    .banner-info h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .banner-info h2 span {
        font-size: 15px;
    }
    .banner-info p {
        font-size: 12px;
        margin-bottom: 12px;
    }
    .shop-now {
        font-size: 11px;
        line-height: 36px;
        padding: 0 23px;
    }
    .deal-product .container::before {
        top: 300px;
    }
    .deal-product .container::before {
        display: none;
    }
    .deal-product .container {
        padding: 80px 15px;
    }
    .mtm-30,
    .mtm-80 {
        margin-top: 0;
    }
    .testmonial-bg {
       /* padding: 70px 0;*/
    }
    .support-img img {
        width: 50px;
    }
    .social-footer li:first-child a {
        margin-left: 0;
    }
    .footer-area .row {
        margin-top: 0;
    }
    .fullscreen {
        height: auto;
        padding: 80px 0;
    }
    .slider-activation .owl-dots {
        bottom: 20px;
    }
    .subscribe-area .container {
        background: none;
        min-height: 410px;
    }
    .owl-nav div {
        height: 40px;
        line-height: 40px;
        width: 40px;
    }
    .slider-home-three .fullscreen {
        height: 50vh;
        padding: 0;
    }
    .footer-address li {
        margin-bottom: 10px;
    }
    .search-cart-area > ul > li,
    .logo {
        padding: 0px 0;
    }
    .slider-style-three .owl-nav div {
        left: 0;
    }
    .slider-style-three .owl-nav div.owl-next {
        left: auto;
        right: 0;
    }
    .shop-breadcrumb-area {
        margin-bottom: 40px;
    }
    .social-sharing ul li a {
        height: 32px;
        line-height: 32px;
        width: 32px;
        font-size: 12px;
    }
    .pro-cart {
        padding: 10px 30px;
    }
    .quantity {
        padding: 8px 10px;
    }
    .product-title {
      font-size: 14px;
    }
    .checkbox-form h3,.cart_totals h2,.ship-different-title h3 label,.your-order h3{
        font-size: 22px;
    }
    .ship-different-title h3 label {
        font-size: 18px;
        margin-right: 10px;
    }
    .cart-main-area.wish-list .product-add-to-cart a {
      font-size: 13px;
      padding: 8px 15px;
      width: 160px;
    }
    .table-content table th {
      font-size: 14px;
    }
    .table-content table td {
      padding: 15px 10px;
    }
    .table-content table td.product-name {
      min-width: 230px;
    }
    .cart-main-area.wish-list table td.product-thumbnail,.table-content table td.product-thumbnail {
      min-width: 100px;
    }
    .skill-content {
      margin-left: 0;
    }
    .dashboard-upper-info {
      padding-top: 20px;
    }
    .dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
      border-right: 0 none;
    }
    .dashboard-upper-info .d-single-info {
      padding: 0 0 20px;
    }
    .dashboard-content {
      padding: 15px;
    }
    .dashboard-content #downloads .table-responsive .table > tbody > tr > td {
      min-width: 170px;
    }
    .dashboard-content #orders .table-responsive .table > tbody > tr > td {
      min-width: 130px;
    }
    .error-text h1 {
      font-size: 150px;
      line-height: 110px;
    }
    .error-text h2 {
      font-size: 25px;
      line-height: 25px;
    }
    .error-text > p {
      font-size: 17px;
    }
    .blog-details.blog-details-two {
      padding-left: 0;
      padding-right: 0;
    }
    .blog-left-sidebar-desc {
      padding-left: 0;
    }
    .blog-right-sidebar-desc{
      padding-right: 0;
    }
    .aboss-blog .container-fluid {
      padding: 0 15px;
    }
    .pagination-blog.mt-20 {
      margin-top: 40px;
    }
    /*== media query margin ==*/
    .mb-all-30 {
        margin-bottom: 30px;
    }
    .mb-all-40 {
        margin-bottom: 40px;
    }
    .mt-all-30 {
        margin-top: 30px;
    }
    .mt-all-40 {
        margin-top: 40px;
    }
    .pr-all-50 {
        padding-right: 50px;
        padding-top: 30px;
    }
    .mb-all-80 {
        margin-bottom: 80px;
    }
     .space {
        height: 0px!important;
    }
     .positionLogo {
        position: relative;
        top: 0px;
        height: 80px;
    }

    ul.homepagecourses li.strLine {
        width: 100%!important;

    }
    .testimonialnewdiv {
        width: 100%!important;
        padding: 30px 0 0 0;
    }
    .header-sticky.sticky {
        padding: 0 !important;
    }
    .HalfDivD {
        width: 100%!important;
        margin: 0 0 15px!important;
    }
    .HalfWidth {
        width: 100%!important;
    }
    #HomePage table th {
        display: none;
    }

    #HomePage table td {
        width: 100%!important;
        display: block;
        height: 30px;
        padding: 5px;
    }
    #HomePage table tr {
       border-bottom: 1px solid #eee;
    }
    .mobile {
        display: block;
    }
    #HomePage a {
        display: block;
        padding: 5px;
        background: #eee;
        margin: 0 0 5px;
        color: #000;
        border: 1px solid #ccc;
    }
    .homepagecourses {
        padding: 0!important;
    }
    ul.homepagecourses li.strLine {
        padding: 0!important;
    }
    ul.homepagecourses li.strLine a {
        padding: 10px;
        display: block;
        border: 1px solid #ccc;
        color: #000;
        background: #eee;
        margin: 0 0 5px;
    }
    .aboutusul {
        width: 100%;
        padding: 10px 0 0 0;
    }
    .aboutusul a {
        padding: 10px;
        display: block;
        border: 1px solid #ccc;
        color: #000;
        background: #eee;
        margin: 0 0 5px 20px;
    }
    .HalfWidth .comment-img {
        width: 100%!important;
        text-align: center;
    }
    #ContactPage table th {
        display: none;
    }
    #ContactPage table td {
        width: 100%!important;
    }
    .browser {
        display: none;
    }
    .anzSp {
        width: 70%;
    }
    .remSp {
        width: 20%;
        text-align: left;
    }
    #addRow {
        width: 100%!important;
        margin: 0 0 20px;
    }
    #inputFormRow {
        border-top: 1px solid #eee;
        padding: 20px 0 0 0;

    }
    h1.maintitle {
        font-size: 35px;
        width: 100%

    }
    .fullscreen {
        height: auto;
            padding: 53px 0 100px;
    }
    .toggle-mobile {
    position: relative;
    top: 15px;
    right: 0px;
    left: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
    order: 3;
}


    /* new design */

    .header-md .page-titlee {font-size: 130px!important;}
    .header-md {padding: 25px 0 36px 0!important;}
    .header-md h2.main {font-size: 78px!important;}
    .title-md .page-titlee {font-size: 81px;}
    .title-md h2.main {font-size: 30px!important;font-weight: bold!important;letter-spacing: -1px!important;}
    .ThirdDivD {width: 33%!important;margin: 0 auto 20px;}
    .BoxTextThirdD {width: 92%!important;}
    .BoxTextThirdD p {font-size: 18px;}
    .middlediv-bg {padding-top: 0px!important;}
    .ToggleDivBack {width: 50%!important;margin: 0 0 0 10px;padding: 30px!important;}
    .ToggleDivBackImg img {/*display: none;*/width: 100%!important;}
    .ToggleDivBackImg2 img {/*display: none;*/width: 100%!important;}
    .ToggleDivBackImg {margin: 0!important;padding: 57px 0 0 0!important;float: right;background-color: transparent;width: 47%!important;}
    .BlueRightDivS {background-position: -400px;}
    .BlueRightDiv div.second {padding-left: 0px;padding-top: 300px;position: relative;right: 80px;width: 360px;}
    .BlueLeftDiv {background: url('/img/Test_img.png');}
    .BlueRightDiv div.second h2 {margin-bottom: 20px;}
    .BoyImg {position: relative;right: 96px;}
    .ourproposaldiv-bg {padding: 0;}
    .additionalCSS img {}
    .Hi5 {width: 100%!important;}
    #ImgLeftProposal {}
    .tabdiv-md {background-position: 240%;}
    #ImgLeftProposalText {width: 50%!important;}
    .propdiv-md {width: 100%!important;background-position: 238px;;min-height: 386px;}
    .ToggleDivBack2 {width: 92%!important;margin: 0 0 0 10px!important;padding: 37px 0 0px 27px;min-height: 267px;}
    .DivCheckboxForm {padding: 14px 6px 10px 6px!important;}
    .GoalTxt {width: 40%!important;padding: 105px 0 0 0px!important;float: left;}
    .GoalImg {width: 60%!important;}
    .GoalTxt h2.third {font-size: 50px;}
    .LeftAppl {width: 100%;}
    .WhiteBk {width: 94%;margin: 0 auto 0;padding: 13px;}
    .RedBorderBtnBig {padding: 10px 40px;font-weight: bold;}
    .secondD {padding-right: 10px;padding-top: 19px;}
    .mainInp {width: 100%!important;}
    .GoalImg {background: url(/img/GoalImg.png) no-repeat bottom right;background-size: 260px;}

    /*new design*/
    .BlueRightDiv div.second {width: 220px!important;padding-top: 340px;}
    .BoyImg {position: relative;right: 0px;}
    .GoalImg {background: url(/img/GoalImg.png) no-repeat bottom right;background-size: 159px;}
    .DivCheckboxForm {padding: 14px 0px 10px 0px!important;}
    .mainInp {width: 100%!important;}
    .topheader-bg {padding: 0!important;}
    .headertopslider-md .page-titlee {font-size: 148px;top: 59px;text-align: center!important;}
    .headertopslider-md h2.main {font-size: 52px;padding: 5px 0 0 0!important;text-align: center;}
    .headertopslider-md h3.main {text-align: center;padding: 0 0 5px 0px;}
    .headertopslider-md .leftSideTipSlider {padding-top: 11px;width: 100%!important;}
    .headertopslider-md div.main {padding: 10px 0 20px 0px;text-align: center;}
    .sliders {padding: 0;}
    .ImgBckgrSld {background-position: bottom center!important;background-size: contain!important;min-height: 887px;}
    .license {font-size: 12px;padding: 0;margin-bottom: 72px;}
    .license img {width: 60px;}
    #mainmovie {height: 215px;}
    .tabdiv-md {padding: 0;}
    .ToggleDivBack {width: 100%!important;padding: 0!important;}
    .ToggleDivBackImg {width: 100%!important;}
    .ToggleDivBackImg2 {width: 100%!important;}
    .GoalImg2 {width: 100%;height: 272px;background-size: 35%;background-position: center;}
    .GoalTxt2 {padding: 10px 0 0 0px!important;width: 100%!important;height: auto;}
    .greyb2 {height: 435px;}
    .greyb2 h2 {background-size: 5%;font-size: 19px;padding-top: 27px;}
    .GoalTxt2 h3.third {font-size: 17px;}
    .ToggleDivBack h2.titleH2, .ToggleDivBack2 h2.titleH2 {width: 100%;text-align: center;}
    .ToggleDivBack .showtxtH2quote, .ToggleDivBack2 .showtxtH2quote, .secondD .showtxtH2quote {padding-right: 20px;}
    .ToggleDivBack2  {width: 100%!important;padding: 0;}
    #ImgStory {display: none;}
    #TxtStory {width: 100%!important;}
    .title-md {padding-bottom: 4px;margin: 0 0 34px;}
    .BlueLeftDiv {background: none;background: #252e37;padding-top: 33px;}
    .BlueRightDivS {background: none;}
    .BlueRightDiv div.second2 {padding-top: 18px;padding-left: 0!important;}
    .BlueRightDiv div.second2 h2 {margin: 0 0 7px;text-align: center;width: 100%;}
    .title-md h2.main {font-size: 25px!important;}
    .greyb {background: none;background: #f0f0f0;height: auto;}
    .GoalTxt {width: 100%!important;text-align: center;padding-top: 37px!important;height: 150px;}
    .GoalImg {background-position: bottom center!important;height: 218px!important;width: 100%!important;}
    .ToggleDivBack .main, .ToggleDivBack2 .main {text-align: center;}
    .ToggleDivBack .nameQuote, .ToggleDivBack2 .nameQuote, .secondD .nameQuote {margin: 0 20px 20px;}
    #Footer p.line, #Footer .img {width: 100%;}
    .ColumnFooter {max-width: 100%!important;}

    .widthdiviframe {position: relative;width: 500px!important;}

}

/*=============== Small (sm) Device ===============*/
@media (max-width: 767px) {
    .search-cart-area > ul > li ul.ht-dropdown.search-box-view {
        width: 390px;
    }
    .slider-content h1,
    .professional-bg .banner-info h2 span,
    .slider-content h3 {
        font-size: 25px;
    }

    .h2testim {
        font-size: 36px!important;
        margin-bottom: 10px!important;
    }
    .h2testim span {
        font-size: 25px!important;
        margin: 0px!important;
    }

    .slider-content h2,
    .professional-bg .banner-info h2 {
        font-size: 36px;
        margin-bottom: 10px;
    }
    .slider-content h2 {
        line-height: 36px;
    }
    .slider-content p,
    .professional-bg .banner-info p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .professional-bg {
        padding: 360px 0;
    }
    .slide-btn a {
        line-height: 40px;
        padding: 0 35px;
    }
    .slider-activation .owl-nav div {
        font-size: 20px;
        height: 50px;
        line-height: 50px;
        width: 50px;
    }
    .deal-pro-active .pro-img {
        margin-right: 0;
        width: 100%;
    }
    .deal-pro-active:hover .owl-nav div.owl-prev,
    .brand-logo-active:hover .owl-nav div.owl-prev,
    .blog-activation:hover .owl-nav div.owl-prev {
        left: 0;
    }

    .deal-pro-active:hover .owl-nav div.owl-next,
    .brand-logo-active:hover .owl-nav div.owl-next,
    .blog-activation:hover .owl-nav div.owl-next {
        right: 0;
    }
    .header-style-four .container-fluid {
        padding: 0 15px;
    }
    .featured-bannner {
        padding: 65px 55px;
    }
    #grid-view .single-aboss-product.border-none {
        border-right: 1px solid #f1f1f1 !important;
    }
    #list-view .single-aboss-product .pro-img {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    }
    #list-view .single-aboss-product .pro-content {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    }
    .toolbar-sorter label {
        margin-bottom: 5px;
        margin-right: 0;
    }
    .grid-list-view span {
        padding-left: 20px;
    }
    .riview-field input, .riview-field textarea {
      width: 100%;
    }
    .wc-proceed-to-checkout a{
        font-size: 12px;
    }
    .reply-comment {
      margin-left: 0;
    }
    .single-comment {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
    .blog-social {
      margin-top: 10px;
    }
    .error-text > p {
      padding: 0;
    }
    .quick-thumb-content .modal-lg {
      max-width: 625px;
      margin: 80px auto;
    }
    /*== small device margin ==*/
    .mb-sm-40 {
        margin-bottom: 40px;
    }
    .mt-sm-40 {
        margin-top: 40px;
    }
    .mt-sm-15 {
        margin-top: 10px;
    }
    .mt-sm-30 {
        margin-top: 30px;
    }
    .mb-sm-30 {
        margin-bottom: 30px;
    }
    .mb-sm-15 {
        margin-bottom: 15px;
    }
    .positionLogo {
        position: relative;
        top: 0px;
        height: 80px;
    }

    ul.homepagecourses li.strLine {
        width: 100%!important;

    }
    .testimonialnewdiv {
        width: 100%!important;
        padding: 30px 0 0 0;
    }
    .header-sticky.sticky {
        padding: 0 !important;
    }
    .HalfDivD {
        width: 100%!important;
        margin: 0 0 15px!important;
    }
    .HalfWidth {
        width: 100%!important;
    }
    #HomePage table th {
        display: none;
    }

    #HomePage table td {
        width: 100%!important;
        display: block;
        height: 30px;
        padding: 5px;
    }
    #HomePage table tr {
       border-bottom: 1px solid #eee;
    }
    .mobile {
        display: block;
    }
    #HomePage a {
        display: block;
        padding: 5px;
        background: #eee;
        margin: 0 0 5px;
        color: #000;
        border: 1px solid #ccc;
    }
    .homepagecourses {
        padding: 0!important;
    }
    ul.homepagecourses li.strLine {
        padding: 0!important;
    }
    ul.homepagecourses li.strLine a {
        padding: 10px;
        display: block;
        border: 1px solid #ccc;
        color: #000;
        background: #eee;
        margin: 0 0 5px;
    }
    .aboutusul {
        width: 100%;
        padding: 10px 0 0 0;
    }
    .aboutusul a {
        padding: 10px;
        display: block;
        border: 1px solid #ccc;
        color: #000;
        background: #eee;
        margin: 0 0 5px 20px;
    }
    .HalfWidth .comment-img {
        width: 100%!important;
        text-align: center;
    }
    #ContactPage table th {
        display: none;
    }
    #ContactPage table td {
        width: 100%!important;
    }
    .browser {
        display: none;
    }
    .anzSp {
        width: 70%;
    }
    .remSp {
        width: 20%;
        text-align: left;
    }
    #addRow {
        width: 100%!important;
        margin: 0 0 20px;
    }
    #inputFormRow {
        border-top: 1px solid #eee;
        padding: 20px 0 0 0;

    }
    h1.maintitle {
        font-size: 26px;
        width: 100%

    }
    .fullscreen {
        height: auto;
        padding: 70px 0 100px;
    }
    .toggle-mobile {
        position: relative;
        top: 15px;
        right: 0px;
        left: 100px;
        margin-top: 10px;
        margin-bottom: 10px;
        float: right;
        order: 3;
    }


    /* new design */

    .header-md .page-titlee {font-size: 84px!important;}
    .header-md {padding: 25px 0 36px 0!important;}
    .header-md h2.main {font-size: 78px!important;}
    .title-md .page-titlee {font-size: 81px;}
    .title-md h2.main {font-size: 30px!important;font-weight: bold!important;letter-spacing: -1px!important;}
    .ThirdDivD {width: 100%!important;margin: 0 auto 20px;}
    .BoxTextThirdD {width: 100%!important;}
    .BoxTextThirdD p {font-size: 18px;}
    .middlediv-bg {padding-top: 0px!important;}
    .ToggleDivBack {width: 89%!important;margin: 0 0 0 10px;padding: 30px!important;}
    .ToggleDivBackImg img {/*display: none;*/width: 100%;}
    .BlueRightDivS {background-position: -400px;}
    .BlueRightDiv div.second {padding-left: 0px;padding-top: 300px;position: relative;right: 80px;width: 360px;}
    .BlueLeftDiv {background: url('/img/Test_img.png');}
    .BlueRightDiv div.second h2 {margin-bottom: 20px;}
    .BoyImg {position: relative;right: 96px;}
    .ourproposaldiv-bg {padding: 0;}
    .additionalCSS img {margin: 0 0 52px;}
    .Hi5 {display: none!important;}
    #ImgLeftProposal {/*display: none!important;*/}
    #ImgLeftProposalText {width: 100%!important;}
    .propdiv-md {width: 100%!important;background-position: 200px;}
    .ToggleDivBack2 {width: 88%!important;margin: 0 0 0 10px!important;min-height: 300px;}
    .DivCheckboxForm {padding: 14px 6px 10px 6px!important;}
    .GoalTxt {width: 40%!important;padding: 105px 0 0 0px!important;float: left;}
    .GoalImg {width: 60%!important;}
    .GoalTxt h2.third {font-size: 38px;}
    .LeftAppl {width: 100%;}
    .WhiteBk {width: 94%;margin: 0 auto 0;padding: 13px;}
    .RedBorderBtnBig {padding: 10px 40px;font-weight: bold;}
    .secondD {padding-right: 10px;padding-top: 19px;}
    .mainInp {width: 100%!important;}
    .GoalImg {background: url(/img/GoalImg.png) no-repeat bottom right;background-size: 260px;}

     /*new design*/
    .BlueRightDiv div.second {width: 220px!important;padding-top: 340px;}
    .BoyImg {position: relative;right: 0px;}
    .GoalImg {background: url(/img/GoalImg.png) no-repeat bottom right;background-size: 159px;}
    .DivCheckboxForm {padding: 14px 0px 10px 0px!important;}
    .mainInp {width: 100%!important;}
    .topheader-bg {padding: 0!important;}
    .headertopslider-md .page-titlee {font-size: 148px;top: 59px;text-align: center!important;}
    .headertopslider-md h2.main {font-size: 52px;padding: 5px 0 0 0!important;text-align: center;}
    .headertopslider-md h3.main {text-align: center;padding: 0 0 5px 0px;}
    .headertopslider-md .leftSideTipSlider {padding-top: 11px;width: 100%!important;}
    .headertopslider-md div.main {padding: 10px 0 20px 0px;text-align: center;}
    .sliders {padding: 0;}
    .ImgBckgrSld {background-position: bottom center!important;background-size: contain!important;min-height: 733px;}
    .license {font-size: 12px;padding: 0;margin-bottom: 72px;}
    .license img {width: 60px;}
    #mainmovie {height: 215px;}
    .tabdiv-md {padding: 0;}
    .ToggleDivBack {width: 100%!important;padding: 0!important;}
    .ToggleDivBackImg {width: 100%!important;}
    .GoalImg2 {width: 100%;height: 244px;background-size: 40%;background-position: center;}
    .GoalTxt2 {padding: 10px 0 0 0px!important;width: 100%!important;height: auto;}
    .greyb2 {height: 435px;}
    .greyb2 h2 {background-size: 5%;font-size: 19px;padding-top: 27px;}
    .GoalTxt2 h3.third {font-size: 17px;}
    .ToggleDivBack h2.titleH2, .ToggleDivBack2 h2.titleH2 {width: 100%;text-align: center;}
    .ToggleDivBack .showtxtH2quote, .ToggleDivBack2 .showtxtH2quote, .secondD .showtxtH2quote {padding-right: 20px;}
    .ToggleDivBack2  {width: 100%!important;padding: 0;}
    #ImgStory {display: none;}
    #TxtStory {width: 100%!important;}
    .title-md {padding-bottom: 4px;margin: 0 0 34px;}
    .BlueLeftDiv {background: none;background: #252e37;padding-top: 33px;}
    .BlueRightDivS {background: none;}
    .BlueRightDiv div.second2 {padding-top: 18px;padding-left: 0!important;}
    .BlueRightDiv div.second2 h2 {margin: 0 0 7px;text-align: center;width: 100%;}
    .title-md h2.main {font-size: 25px!important;}
    .greyb {background: none;background: #f0f0f0;height: auto;}
    .GoalTxt {width: 100%!important;text-align: center;padding-top: 37px!important;height: 150px;}
    .GoalImg {background-position: bottom center!important;height: 218px!important;width: 100%!important;}
    .ToggleDivBack .main, .ToggleDivBack2 .main {text-align: center;}
    .ToggleDivBack .nameQuote, .ToggleDivBack2 .nameQuote, .secondD .nameQuote {margin: 0 20px 20px;}
    #Footer p.line, #Footer .img {width: 100%;}
    .ColumnFooter {max-width: 100%!important;}
        .HalfWidth7 {width: 100%!important;}
    .HalfWidth3 {width: 100%!important;}
    .OneThirdofadiv {width: 100%!important;}
    .div30percent {width: 100%!important;}
}

/*=============== Mobile Device ===============*/
@media (max-width: 575px) {
    .search-cart-area > ul > li {
        margin-left: 20px;
    }

    .search-cart-area.pr-all-50 {
        padding-right: 40px;
        padding-top: 30px;
    }

    .search-cart-area > ul > li ul.ht-dropdown {
        width: 250px;
        max-height: 255px;
        overflow-y: auto;
    }
    .search-cart-area > ul > li ul.ht-dropdown.cart-box-width {
        right: -40px;
    }
    .search-cart-area > ul > li ul.ht-dropdown.currency-selector {
        right: -135px;
    }
    .cart-footer {
        padding-bottom: 20px;
    }
    .search-cart-area > ul > li ul.ht-dropdown.search-box-view {
        width: 320px;
        right: -100px;
    }
    .professional-bg {
      background-position: left center;
    }
    .professional-bg .banner-info h2 span {
        font-size: 18px;
    }
    .h2testim span {
        font-size: 18px!important;
    }
    .professional-bg .banner-info h2 {
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 5px;
    }
    .h2testim h2 {
        font-size: 25px!important;
        line-height: 28px!important;
        margin-bottom: 5px!important;
    }
    .section-title h2,
    .subscribe-content h2,.checkbox-form h3,.cart_totals h2,.ship-different-title h3 label,.your-order h3 {
        font-size: 20px;
    }
    .sticky .primary-menu-list > li,
    .sticky .search-cart-area > ul > li,
    .sticky .logo {
        padding: 0px 0;
    }
    .positionLogo {
        position: relative;
        top: 0px;
        height: 80px;
    }


    .sticky .mean-container a.meanmenu-reveal {
        top: -42px;
    }
    .cart-actions a {
        font-size: 14px;
        padding: 7px 20px;
    }
    .footer-address li:not(:last-child) {
        border-right: 0;
    }
    .footer-address li {
        padding: 0 10px;
    }
    .featured-bannner {
        padding: 45px 15px;
    }
    #grid-view .single-aboss-product {
        border-right: none !important;
    }
    #list-view .single-aboss-product {
        display: block;
    }
    #list-view .single-aboss-product .pro-img {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    #list-view .single-aboss-product .pro-content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .show-items {
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }
    .grid-list-view{
        margin-bottom: 15px;
    }
    .thumb-menu .owl-nav div {
        left: 0;
    }
    .thumb-menu .owl-nav div.owl-next {
        right: 0;
    }
    .review-list li label {
        left: 60px;
    }
    .review-title,.group-title h2 {
      font-size: 16px;
    }
    .table-content table th,
    .table-content table .product-price .amount,
    .table-content table td.product-subtotal {
        font-size: 14px;
    }
    .register-contact {
      padding: 25px 15px;
    }
    .blog-dtl-header {
      font-size: 22px;
      line-height: 28px;
    }
    .form-control-comment {
      margin-top: 5px;
    }
    .entry-meta {
      width: 60px;
    }
    .entry-meta .date::before {
      width: 49px;
    }
    .entry-meta .date span {
      font-size: 21px;
      line-height: 20px;
    }
    .error-text h1 {
      font-size: 130px;
      line-height: 100px;
    }
    .error-text h2 {
      font-size: 22px;
      line-height: 22px;
    }
    .error-text > p {
      font-size: 14px;
      line-height: 24px;
    }
    #search-form {
      width: 100%;
    }
    .error-button a {
      margin-top: 40px;
    }
    .register-form p,.register-form a {
      font-size: 14px;
    }
    .login-form {
      /*-webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);*/
      padding: 25px 15px;
    }
    .subscribe-content p {
      margin-bottom: 40px;
    }
    /*== mobile device margin ==*/
    .mb-xsm-30 {
        margin-bottom: 30px;
    }
    ul.homepagecourses li.strLine {
        width: 100%!important;

    }

    .testimonialnewdiv {
        width: 100%!important;
        padding: 30px 0 0 0;
    }

    ul.homepagecourses li.strLine {
        width: 100%!important;

    }
    .testimonialnewdiv {
        width: 100%!important;
        padding: 30px 0 0 0;
    }
    .header-sticky.sticky {
        padding: 0 !important;
    }
    .HalfDivD {
        width: 100%!important;
        margin: 0 0 15px!important;
    }
    .HalfWidth {
        width: 100%!important;
    }
    #HomePage table th {
        display: none;
    }

    #HomePage table td {
        width: 100%!important;
        display: block;
        height: 30px;
        padding: 5px;
    }
    #HomePage table tr {
       border-bottom: 1px solid #eee;
    }
    .mobile {
        display: block;
    }
    #HomePage a {
        display: block;
        padding: 5px;
        background: #eee;
        margin: 0 0 5px;
        color: #000;
        border: 1px solid #ccc;
    }
    .homepagecourses {
        padding: 0!important;
    }
    ul.homepagecourses li.strLine {
        padding: 0!important;
    }
    ul.homepagecourses li.strLine a {
        padding: 10px;
        display: block;
        border: 1px solid #ccc;
        color: #000;
        background: #eee;
        margin: 0 0 5px;
    }
    .aboutusul {
        width: 100%;
        padding: 10px 0 0 0;
    }
    .aboutusul a {
        padding: 10px;
        display: block;
        border: 1px solid #ccc;
        color: #000;
        background: #eee;
        margin: 0 0 5px 20px;
    }
    .HalfWidth .comment-img {
        width: 100%!important;
        text-align: center;
    }
    #ContactPage table th {
        display: none;
    }
    #ContactPage table td {
        width: 100%!important;
    }
    .browser {
        display: none;
    }
    .anzSp {
        width: 70%;
    }
    .remSp {
        width: 20%;
        text-align: left;
    }
    #addRow {
        width: 100%!important;
        margin: 0 0 20px;
    }
    #inputFormRow {
        border-top: 1px solid #eee;
        padding: 20px 0 0 0;

    }
    h1.maintitle {
        font-size: 25px;

    }
    .fullscreen {
        height: auto;
        padding: 60px 0 100px;
    }
    .mobile {
        display: block;
    }

    .pw100pr {
        width: 100%!important;
        display: block;
        border-bottom: 1px solid #575757;
        font-weight: bold;
    }
    .pw300pxleft {
        width: 100%!important;
    }
    .leftpadding30 {
        padding-left: 30px;
    }
    .pw30left, .pw100left, .pw120left, .pw300left  {display: none;}
    .pw300pxleftpr10, .leftw300ml35, .flrightw370, .flleftw400 {
        width: 100%!important;
    }
    .topplayerimage {
        background-size: 84px!important;
    }
    .length80p {
        width: 75%!important;
    }
    .fontweight400 {
        font-weight: 600!important;
    }

     /* new design */
    .header-md .page-titlee {font-size: 130px!important;}
    .header-md {padding: 25px 0 36px 0!important;}
    .header-md h2.main {font-size: 78px!important;}
    .title-md .page-titlee {font-size: 81px;}
    .title-md h2.main {font-size: 30px!important;font-weight: bold!important;letter-spacing: -1px!important;}
    .ThirdDivD {width: 100%!important;margin: 0 auto 20px;}
    .BoxTextThirdD {width: 100%!important;}
    .BoxTextThirdD p {font-size: 18px;}
    .middlediv-bg {padding-top: 0px!important;}
    .ToggleDivBack {width: 89%!important;margin: 0 0 0 10px;padding: 30px!important;}
    .ToggleDivBackImg img {/*display: none;*/}
    .BlueRightDivS {background-position: -400px;}
    .BlueRightDiv div.second {padding-left: 0px;padding-top: 300px;position: relative;right: 80px;width: 242px;}
    .BlueLeftDiv {background: url('/img/Test_img.png');}
    .BlueRightDiv div.second h2 {margin-bottom: 20px;}
    .BoyImg {position: relative;right: 20px;}
    .ourproposaldiv-bg {padding: 0;}
    .additionalCSS img {margin: 0 0 52px;}
    .Hi5 {display: none!important;}
    #ImgLeftProposal {/*display: none!important;*/}
    #ImgLeftProposalText {width: 100%!important;}
    .propdiv-md {width: 100%!important;background-position: 200px;}
    .ToggleDivBack2 {width: 88%!important;margin: 0 0 0 10px!important;min-height: 300px;}
    .DivCheckboxForm {padding: 14px 6px 10px 6px!important;}
    .GoalTxt {width: 40%!important;padding: 105px 0 0 0px!important;float: left;}
    .GoalImg {width: 60%!important;}
    .GoalTxt h2.third {font-size: 38px;}
    .LeftAppl {width: 100%;}
    .WhiteBk {width: 94%;margin: 0 auto 0;padding: 13px;}
    .RedBorderBtnBig {padding: 10px 40px;font-weight: bold;}
    .secondD {padding-right: 10px;padding-top: 19px;}
    .mainInp {width: 100%!important;}
    .GoalImg {background: url(/img/GoalImg.png) no-repeat bottom right;background-size: 260px;}

    /*new design*/
    .BlueRightDiv div.second {width: 220px!important;padding-top: 340px;}
    .BoyImg {position: relative;right: 0px;}
    .GoalImg {background: url(/img/GoalImg.png) no-repeat bottom right;background-size: 159px;}
    .DivCheckboxForm {padding: 14px 0px 10px 0px!important;}
    .mainInp {width: 100%!important;}
    .topheader-bg {padding: 0!important;}
    .headertopslider-md .page-titlee {font-size: 148px;top: 59px;text-align: center!important;}
    .headertopslider-md h2.main {font-size: 52px;padding: 5px 0 0 0!important;text-align: center;}
    .headertopslider-md h3.main {text-align: center;padding: 0 0 5px 0px;}
    .headertopslider-md .leftSideTipSlider {padding-top: 11px;width: 100%!important;}
    .headertopslider-md div.main {padding: 10px 0 20px 0px;text-align: center;}
    .sliders {padding: 0;}
    .ImgBckgrSld {background-position: bottom center!important;background-size: contain!important;min-height: 668px;}
    .license {font-size: 12px;padding: 0;margin-bottom: 72px;}
    .license img {width: 60px;}
    #mainmovie {height: 215px;}
    .tabdiv-md {padding: 0;}
    .ToggleDivBack {width: 100%!important;padding: 0!important;}
    .ToggleDivBackImg {width: 100%!important;padding: 0!important;}
    .ToggleDivBackImg img {width: 100%!important;}
    .GoalImg2 {width: 100%;height: 244px;background-size: 60%;background-position: center;}
    .GoalTxt2 {padding: 10px 0 0 0px!important;width: 100%!important;height: auto;}
    .greyb2 {height: 435px;}
    .greyb2 h2 {background-size: 10%;font-size: 19px;padding-top: 27px;}
    .GoalTxt2 h3.third {font-size: 14px!important;}
    .ToggleDivBack h2.titleH2, .ToggleDivBack2 h2.titleH2 {width: 100%;text-align: center;}
    .ToggleDivBack .showtxtH2quote, .ToggleDivBack2 .showtxtH2quote, .secondD .showtxtH2quote {padding-right: 20px;}
    .ToggleDivBack2  {width: 100%!important;padding: 0;}
    #ImgStory {display: none;}
    #TxtStory {width: 100%!important;}
    .title-md {padding-bottom: 4px;margin: 0 0 34px;position: relative; top: 0px;}
    .BlueLeftDiv {background: none;background: #252e37;padding-top: 33px;}
    .BlueRightDivS {background: none;}
    .BlueRightDiv div.second2 {padding-top: 18px;padding-left: 0!important;}
    .BlueRightDiv div.second2 h2 {margin: 0 0 7px;text-align: center;width: 100%;}
    .title-md h2.main {font-size: 25px!important;}
    .greyb {background: none;background: #f0f0f0;height: auto;}
    .GoalTxt {width: 100%!important;text-align: center;padding-top: 37px!important;height: 150px;}
    .GoalImg {background-position: bottom center!important;height: 218px!important;width: 100%!important;}
    .ToggleDivBack .main, .ToggleDivBack2 .main {text-align: center;}
    .ToggleDivBack .nameQuote, .ToggleDivBack2 .nameQuote, .secondD .nameQuote {margin: 0 20px 20px;}
    #Footer p.line, #Footer .img {width: 100%;}
    .HalfWidth7 {width: 100%!important;}
    .HalfWidth3 {width: 100%!important;}
    .OneThirdofadiv {width: 100%!important;}
    .div30percent {width: 100%!important;}
    #SponsorLogoes img {width: 80%;}
    .GoalImg2 {
        background-size: 150px!important;
        height: 150px!important;
    }
    .ourproposaldiv-bg {
        padding: 0px!important;
        clear: both;
    }
    .HalfWidth2 {
        width: 100%!important;
    }
    .ToggleDivBackImg2, .additionalCSS {padding: 0!important;}
    .mobiletitlmd {
        position: relative;
        top: 100px!important;
    }
    .mobiletitlmd .page-titlee {
        font-size: 50px!important;
        color: #aeacac!important;
        letter-spacing: -3px;
    }


}

/*=============== Some Specific issues ===============*/
@media (max-width: 500px) {
    .shop-area #grid-view [class*="col-"] {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .our-team .row [class*="col-"]{
         max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    ul.homepagecourses li.strLine {
        width: 100%!important;

    }

    .testimonialnewdiv {
        width: 100%!important;
        padding: 30px 0 0 0;
    }
    .positionLogo {
        position: relative;
        top: 0px;
        height: 80px;
    }

    ul.homepagecourses li.strLine {
        width: 100%!important;

    }
    .testimonialnewdiv {
        width: 100%!important;
        padding: 30px 0 0 0;
    }
    .header-sticky.sticky {
        padding: 0 !important;
    }
    .HalfDivD {
        width: 100%!important;
        margin: 0 0 15px!important;
    }
    .HalfWidth {
        width: 100%!important;
    }
    #HomePage table th {
        display: none;
    }

    #HomePage table td {
        width: 100%!important;
        display: block;
        height: 30px;
        padding: 5px;
    }
    #HomePage table tr {
       border-bottom: 1px solid #eee;
    }
    .mobile {
        display: block;
    }
    #HomePage a {
        display: block;
        padding: 5px;
        background: #eee;
        margin: 0 0 5px;
        color: #000;
        border: 1px solid #ccc;
    }
    .homepagecourses {
        padding: 0!important;
    }
    ul.homepagecourses li.strLine {
        padding: 0!important;
    }
    ul.homepagecourses li.strLine a {
        padding: 10px;
        display: block;
        border: 1px solid #ccc;
        color: #000;
        background: #eee;
        margin: 0 0 5px;
    }
    .aboutusul {
        width: 100%;
        padding: 10px 0 45px 0;
    }
    .aboutusul a {
        padding: 10px;
        display: block;
        border: 1px solid #ccc;
        color: #000;
        background: #eee;
        margin: 0 0 5px 20px;
    }
    .HalfWidth .comment-img {
        width: 100%!important;
        text-align: center;
    }
    #ContactPage table th {
        display: none;
    }
    #ContactPage table td {
        width: 100%!important;
    }
    .browser {
        display: none;
    }
    .anzSp {
        width: 70%;
    }
    .remSp {
        width: 20%;
        text-align: left;
    }
    #addRow {
        width: 100%!important;
        margin: 0 0 20px;
    }
    #inputFormRow {
        border-top: 1px solid #eee;
        padding: 20px 0 0 0;

    }
    h1.maintitle {
        font-size: 20px;

    }
    .fullscreen {
        height: auto;
        padding: 60px 0 90px;
    }
    .mobile {
        display: block;
    }

    .pw100pr {
        width: 100%!important;
        display: block;
        border-bottom: 1px solid #575757;
        font-weight: bold;
    }
    .pw300pxleft {
        width: 100%!important;
    }
    .leftpadding30 {
        padding-left: 30px;
    }
    .pw30left, .pw100left, .pw120left, .pw300left  {display: none;}
    .pw300pxleftpr10, .leftw300ml35, .flrightw370, .flleftw400 {
        width: 100%!important;
    }
    .topplayerimage {
        background-size: 84px!important;
    }
    .length80p {
        width: 75%!important;
    }


    /*new design*/
    .header-md {
        padding: 50px 0 70px 0;
        background-position: 120px;

    }
    .header-md .page-titlee {
        font-size: 90px!important;
    }
    .header-md h2.main {
        font-size: 60px;
        font-weight: 900;
        letter-spacing: 0px;
    }
    .header-md p.main {
        font-size: 14px;
    }
    .title-md .page-titlee {
        font-size: 50px;
        color: #aeacac!important;
       /* transform: scale(.9, 1.5);
        position: relative;
        left: -15%; */
       letter-spacing: -5px;

    }
    .title-md div.main {
        font-size: 15px;
    }

    .title-md h3.main {
        font-size: 24px;
        font-weight: bold!important;
        letter-spacing: -1px!important;
    }
    .title-md h2.main {
        font-size: 30px!important;
        font-weight: bold!important;
        letter-spacing: -1px!important;
    }
    .ThirdDivD {
        width: 100%!important;
        margin: 0 auto 20px;

    }
    .BoxTextThirdD {
        width: 100%!important;
    }
    .BoxTextThirdD p {
        font-size: 18px;
    }
    .middlediv-bg {
        padding-top: 0px!important;


    }
    .ToggleDivBack {
        width: 89%!important;
        margin: 0 0 0 10px;
        padding: 30px!important;
    }
    .ToggleDivBackImg img {
      /* display: none;*/
    }
    .BlueRightDivS {
        background-position: -400px;
    }
    .BlueRightDiv div.second {
        padding-left: 0px;
        padding-top: 300px;
        position: relative;
        right: 80px;
        width: 242px;
    }
    .BlueLeftDiv {
        background: url('/img/Test_img.png');

    }
    .BlueRightDiv div.second h2 {
        margin-bottom: 20px;
    }
    .BoyImg {
        position: relative;
        right: 20px;
    }
    .ourproposaldiv-bg {
        padding: 0;

    }
    .additionalCSS img {
        margin: 0 0 52px;
    }
    .Hi5 {
        display: none!important;
    }
    #ImgLeftProposal {
        display: none!important;
    }
    #ImgLeftProposalText {
        width: 100%!important;
    }

    .propdiv-md {
        width: 100%!important;
        background-position: 200px;
    }

    .ToggleDivBack2 {
        width: 88%!important;
        margin: 0 0 0 10px!important;
        min-height: 200px!important;
    }
    .DivCheckboxForm {
        padding: 14px 6px 10px 6px!important;
    }

    .GoalTxt {
        width: 40%!important;
        padding: 105px 0 0 0px!important;
        float: left;
    }
    .GoalImg {
       width: 60%!important;
    }

    .GoalTxt h2.third {
        font-size: 30px;
    }
    .LeftAppl {
        width: 100%;
    }
    .WhiteBk {
        width: 94%;
        margin: 0 auto 0;
        padding: 13px;
    }
    .RedBorderBtnBig {
        padding: 10px 40px;
        font-weight: bold;
    }
    .secondD {
        padding-right: 10px;
        padding-top: 19px;
    }
    .mainInp {
        width: 100%!important;
    }
    .GoalImg {
        background: url(/img/GoalImg.png) no-repeat bottom right;
        background-size: 197px;
    }
    .topheader-bg {
        padding: 0!important;
    }
.d-none {
    display: block!important;
}

.nav {
    display: none;
}
.toggle-mobile {
    display: block!important;
    position: relative;
    top: 14px;
    right: 0px;
    left: 108px!important;
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
    order: 3;
}
.mobile-menu {
    top: 0;
    display: block;
    background: #fff;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.37) !important;
}
.mobile-menu ul li {
    margin-bottom: 7px;
}
.mobile-menu nav.nav {
    display: block;
}
.mobile-menu nav.nav li a {
    color: #000;
    line-height: 22px;
    white-space: normal;
}
.mobile-menu nav.nav ul {
    flex-wrap: wrap;
}
.mobile-menu nav.nav ul li {
    display: inline-block;
    width: 100%;
    line-height: 24px !important;
}
.mobile-menu ul li .dropdown .fa {
    font-size: 20px !important;
    color: #000;
    position: initial;
    /*new added*/
    display: none;
}
.mobile-menu ul li .fa-angle-down {
    display: none;
}
.mobile-menu ul li .dropdown {
    display: block;
    position: absolute;
    right: 0px;
    top: 5px;
    font-size: 20px;
    color: #fff;
    width: 14px;
    text-align: end;
    height: 14px;
    border-right: solid 2px #3b3939;
    border-bottom: solid 2px #3b3939;
    transform: rotate(45deg);
}
.mobile-menu ul li .dropdown.open {
    top: 10px;
    transform: rotate(-136deg);
}
span.dropdown .fa-angle-down {
    display: none !important;
}
.mobile-menu ul li .dropdown.open .fa-angle-right {
    display: none;
}
.mobile-menu ul li .dropdown.open .fa-angle-down {
    display: block;
    display: none;
}
.mobile-menu ul li .dropdown {
    position: absolute;
    right: 0px;
    top: 7px;
    display: none!important;
}
.ht-dropdown {
    display: none!important;
}

.mobile-menu nav.nav ul li {
    position: relative;
    margin: 0 0 10px 0;
}
.mobile-menu nav.nav ul ul.sub-menu li {
    margin-bottom: 0px;
}
.main-menu li {
    margin-left: 0 !important;
}
.mobile-menu ul li {
    font-size: 16px;
    margin-bottom: 12px;
}
.main-menu li.register a {
    line-height: 40px !important;
}
.mobile-menu ul ul li {
    font-size: 16px;
}
.mobile-menu ul ul {
    padding-left: 10px;
}
.mobile-menu .cross {
    display: none !important;
}
.main-menu li a:hover, .main-menu li a.active, .main-menu li.current-menu-item > a, nav.nav li ul.sub-menu li.current-menu-item > a {
    color: #000 !important;
}
.header-right {
    order: 2;
}

    /*new design*/
    .BlueRightDiv div.second {width: 220px!important;padding-top: 340px;}
    .BoyImg {position: relative;right: 0px;}
    .GoalImg {background: url(/img/GoalImg.png) no-repeat bottom right;background-size: 159px;}
    .DivCheckboxForm {padding: 14px 0px 10px 0px!important;}
    .mainInp {width: 100%!important;}
    .topheader-bg {padding: 0!important;}
    .headertopslider-md .page-titlee {font-size: 148px;top: 59px;text-align: center!important;}
    .headertopslider-md h2.main {font-size: 52px;padding: 5px 0 0 0!important;text-align: center;}
    .headertopslider-md h3.main {text-align: center;padding: 0 0 5px 0px;}
    .headertopslider-md .leftSideTipSlider {padding-top: 11px;width: 100%!important;}
    .headertopslider-md div.main {padding: 10px 0 20px 0px;text-align: center;}
    .sliders {padding: 0;}
    .ImgBckgrSld {background-position: bottom center!important;background-size: contain!important;min-height: 668px;}
    .license {font-size: 12px;padding: 0;margin-bottom: 72px;}
    .license img {width: 60px;}
    #mainmovie {height: 215px;}
    .tabdiv-md {padding: 40px;}
    .ToggleDivBack  {width: 100%!important;padding: 0!important;}
    .ToggleDivBackImg {width: 100%!important;}
    .GoalImg2 {width: 100%;height: 244px;background-size: 60%;background-position: center;}
    .GoalTxt2 {padding: 10px 0 0 0px!important;width: 100%!important;height: auto;}
    .greyb2 {height: 435px;}
    .greyb2 h2 {background-size: 10%;font-size: 19px;padding-top: 27px;}
    .GoalTxt2 h3.third {font-size: 17px;}
    .ToggleDivBack h2.titleH2, .ToggleDivBack2 h2.titleH2 {width: 100%;text-align: center;}
    .ToggleDivBack .showtxtH2quote, .ToggleDivBack2 .showtxtH2quote, .secondD .showtxtH2quote {padding-right: 20px;}
    .ToggleDivBack2  {width: 100%!important;padding: 20px 40px 0px 20px;}
    #ImgStory {display: none;}
    #TxtStory {width: 100%!important;}
    .title-md {padding-bottom: 4px;margin: 0 0 34px;}
    .BlueLeftDiv {background: none;background: #252e37;padding-top: 33px;}
    .BlueRightDivS {background: none;}
    .BlueRightDiv div.second2 {padding-top: 18px;padding-left: 0!important;}
    .BlueRightDiv div.second2 h2 {margin: 0 0 7px;text-align: center;width: 100%;}
    .title-md h2.main {font-size: 25px!important;}
    .greyb {background: none;background: #f0f0f0;height: auto;}
    .GoalTxt {width: 100%!important;text-align: center;padding-top: 37px!important;height: 150px;}
    .GoalImg {background-position: bottom center!important;height: 218px!important;width: 100%!important;}
    .ToggleDivBack .main, .ToggleDivBack2 .main {text-align: center;}
    .ToggleDivBack .nameQuote, .ToggleDivBack2 .nameQuote, .secondD .nameQuote {margin: 0 20px 20px;}
    #Footer p.line, #Footer .img {width: 100%;}
    .HalfWidth7 {width: 100%!important;}
    .HalfWidth3 {width: 100%!important;}
    .OneThirdofadiv {width: 100%!important;}
    .div30percent {width: 100%!important;}
    #ContactPageMap {min-height: 300px!important;}
    .ToggleDivBackImg2, .additionalCSS {padding: 0!important;}


}



/*=============== Extra Small Mobile Device ===============*/
@media (max-width: 420px) {
    .positionLogo {
        position: relative;
        top: 0px;
        height: 80px;
    }

    .header-top-left ul li:first-child {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }
    .header-top .row {
        display: block;
        text-align: center;
    }
    .header-top-left ul li {
        display: block;
        margin-bottom: 10px;
    }
    .search-cart-area > ul > li ul.ht-dropdown.search-box-view {
        width: 260px;
    }
    .slider-content h1,
    .slider-content h3 {
        font-size: 22px;
    }
    .slider-content h2 {
        font-size: 30px;
    }
    .slide-btn a {
        font-size: 11px;
        line-height: 38px;
        padding: 0 30px;
    }
    .banner-info h2 {
        font-size: 16px;
        margin-bottom: 0;
    }
    .banner-info h2 span {
        font-size: 12px;
    }
    .banner-info p {
        font-size: 10px;
        margin-bottom: 5px;
    }
    .shop-now {
        font-size: 10px;
        line-height: 30px;
        padding: 0 18px;
    }
    .brand-logo-active.owl-carousel img {
        margin: auto;
    }
    .owl-dots {
        display: none;
    }
    .cart-box-width {
        max-height: 250px;
        overflow-y: auto;
    }
    .social-style-two li {
        padding: 0 5px;
    }
    .single-testmonial p {
        max-width: 100%;
    }
    .single-testmonial h3 {
        margin-bottom: 15px;
    }
    .testmonial-img {
        margin: auto auto 40px;
    }
    .slider-content p {
        max-width: 100%;
    }
    .toolbar-sorter {
        width: 100%;
    }
    .review-list li label {
        left: 0;
        display: block;
        margin-top: 5px;
    }
    .section-title h2, .subscribe-content h2 {
      line-height: 26px;
    }
    .breadcrumb-item a, .breadcrumb-item {
      font-size: 12px;
    }
    .buttons-cart input {
      margin-bottom: 20px;
    }
    .coupon-accordion h3 {
      font-size: 13px;
    }
    p.checkout-coupon input[type="submit"] {
      margin-left: 0;
        margin-top: 15px;
      display: block;
    }
    .your-order {
      padding: 15px;
    }
    .author .single-comment {
      padding: 35px 15px;
    }
    .error-text h1 {
      font-size: 90px;
      line-height: 60px;
    }
    .count {
      margin-right: 10px;
      padding: 5px 5px;
      width: 48px;
    }
    .count p {
      font-size: 14px;
    }
    .bg-image-1,.bg-image-2,.bg-image-5,.bg-image-6{
        background-position: left center;
    }
    .blog-dtl-header {
      font-size: 18px;
      line-height: 25px;
    }
    .insta-content {
      padding: 25px;
    }
    /*== very xtra small mobile device margin ==*/
    .mb-xxs-30 {
        margin-bottom: 30px;
    }
    ul.homepagecourses li.strLine {
        width: 100%!important;

    }
    .testimonialnewdiv {
        width: 100%!important;
        padding: 30px 0 0 0;
    }
    .header-sticky.sticky {
        padding: 0 !important;
    }
    .HalfDivD {
        width: 100%!important;
        margin: 0 0 15px!important;
    }
    .HalfWidth {
        width: 100%!important;
    }
    #HomePage table th {
        display: none;
    }

    #HomePage table td {
        width: 100%!important;
        display: block;
        height: 30px;
        padding: 5px;
    }
    #HomePage table tr {
       border-bottom: 1px solid #eee;
    }
    #HomePage a {
        display: block;
        padding: 5px;
        background: #eee;
        margin: 0 0 5px;
        color: #000;
        border: 1px solid #ccc;
    }
    .homepagecourses {
        padding: 0!important;
    }
    ul.homepagecourses li.strLine {
        padding: 0!important;
    }
    ul.homepagecourses li.strLine a {
        padding: 10px;
        display: block;
        border: 1px solid #ccc;
        color: #000;
        background: #eee;
        margin: 0 0 5px;
    }
    .aboutusul {
        width: 100%;
        padding: 10px 0 0 0;
    }
    .aboutusul a {
        padding: 10px;
        display: block;
        border: 1px solid #ccc;
        color: #000;
        background: #eee;
        margin: 0 0 5px 20px;
    }
    .HalfWidth .comment-img {
        width: 100%!important;
        text-align: center;
    }
    #ContactPage table th {
        display: none;
    }
    #ContactPage table td {
        width: 100%!important;
    }
    .browser {
        display: none;
    }
    .anzSp {
        width: 70%;
    }
    .remSp {
        width: 20%;
        text-align: left;
    }
    #addRow {
        width: 100%!important;
        margin: 0 0 20px;
    }
    #inputFormRow {
        border-top: 1px solid #eee;
        padding: 20px 0 0 0;

    }
    h1.maintitle {
        font-size: 20px;
        text-shadow: 2px 2px #000;
    }
    .mobile {
        display: block;
    }
    .pw100pr {
        width: 100%!important;
        display: block;
        border-bottom: 1px solid #575757;
        font-weight: bold;
    }
    .pw300pxleft {
        width: 100%!important;
    }
    .leftpadding30 {
        padding-left: 30px;
    }

    .pw30left, .pw100left, .pw120left, .pw300left  {display: none;}
    .pw300pxleftpr10, .leftw300ml35, .flrightw370, .flleftw400 {
        width: 100%!important;
    }
    .topplayerimage {
        background-size: 84px!important;
    }
    .length80p {
        width: 75%!important;
    }

    /*new design*/
    .GoalTxt h2.third {
        font-size: 38px!important;
    }
    .GoalImg {
        background-size: 221px!important;
    }
    .topheader-bg {
        padding: 0!important;
    }

    /*new design*/
    .BlueRightDiv div.second {width: 220px!important;padding-top: 340px;}
    .BoyImg {position: relative;right: 0px;}
    .GoalImg {background: url(/img/GoalImg.png) no-repeat bottom right;background-size: 159px;}
    .DivCheckboxForm {padding: 14px 0px 10px 0px!important;}
    .mainInp {width: 100%!important;}
    .topheader-bg {padding: 0!important;}
    .headertopslider-md .page-titlee {font-size: 148px;top: 59px;text-align: center!important;}
    .headertopslider-md h2.main {font-size: 52px;padding: 5px 0 0 0!important;text-align: center;}
    .headertopslider-md h3.main {text-align: center;padding: 0 0 5px 0px;}
    .headertopslider-md .leftSideTipSlider {padding-top: 11px;width: 100%!important;}
    .headertopslider-md div.main {padding: 10px 0 20px 0px;text-align: center;}
    .sliders {padding: 0;}
    .ImgBckgrSld {background-position: bottom center!important;background-size: contain!important;min-height: 610px;}
    .license {font-size: 12px;padding: 0;margin-bottom: 72px;}
    .license img {width: 60px;}
    #mainmovie {height: 215px;}
    .tabdiv-md {padding: 0;}
    .ToggleDivBack {width: 100%!important;padding: 0!important;    padding-top: 50px!important;}
    .ToggleDivBackImg {width: 100%!important;}
    .GoalImg2 {width: 100%;height: 244px;background-size: 60%;background-position: center;}
    .GoalTxt2 {padding: 10px 0 0 0px!important;width: 100%!important;height: auto;}
    .greyb2 {height: 435px;}
    .greyb2 h2 {background-size: 8%;font-size: 18px;padding-top: 27px;}
    .GoalTxt2 h3.third {font-size: 17px;}
    .ToggleDivBack h2.titleH2, .ToggleDivBack2 h2.titleH2 {width: 100%;text-align: center;}
    .ToggleDivBack .showtxtH2quote, .ToggleDivBack2 .showtxtH2quote, .secondD .showtxtH2quote {padding-right: 20px;}
    .ToggleDivBack2  {width: 100%!important;padding: 0;}
    #ImgStory {display: none;}
    #TxtStory {width: 100%!important;}
    .title-md {padding-bottom: 4px;margin: 0 0 34px;position: relative;top: 53px;}
    .BlueLeftDiv {background: none;background: #252e37;padding-top: 33px;}
    .BlueRightDivS {background: none;}
    .BlueRightDiv div.second2 {padding-top: 18px;padding-left: 0!important;}
    .BlueRightDiv div.second2 h2 {margin: 0 0 7px;text-align: center;width: 100%;}
    .title-md h2.main {font-size: 25px!important;}
    .greyb {background: none;background: #f0f0f0;height: auto;}
    .GoalTxt {width: 100%!important;text-align: center;padding-top: 37px!important;height: 150px;}
    .GoalImg {background-position: bottom center!important;height: 300px!important;width: 100%!important;}
    .ToggleDivBack .main {text-align: center;}
    .ToggleDivBack .nameQuote, .ToggleDivBack2 .nameQuote, .secondD .nameQuote {margin: 0 20px 20px;}
    #Footer p.line, #Footer .img {width: 100%;}
    .HalfWidth7 {width: 100%!important;}
    .HalfWidth3 {width: 100%!important;}
    .OneThirdofadiv {width: 100%!important;}
    .div30percent {width: 100%!important;}
    #ContactPageMap {min-height: 300px!important;}

    #bb {border-left: 11px solid white;}


}
@media (max-width: 375px) {
    .header-md .page-titlee {
        font-size: 90px!important;
    }
     /*new design*/
    .GoalTxt h2.third {
        font-size: 32px!important;
    }
    .GoalImg {
        background-size: 189px!important;
    }
    .topheader-bg {
        padding: 0!important;
    }
    .HalfWidth7 {width: 100%!important;}
    .HalfWidth3 {width: 100%!important;}
    .OneThirdofadiv {width: 100%!important;}
    .div30percent {width: 100%!important;}
    #ContactPageMap {min-height: 300px!important;}

    #bb {border-left: 11px solid white;}

}
@media (max-width: 320px) {
    .header-md .page-titlee {
        font-size: 80px!important;
    }
    .title-md .page-titlee {
        font-size: 38px;
        color: #aeacac!important;
        letter-spacing: -5px;
    }
    .SecondFooterLine .right {
        width: 100%;
        text-align: center;
    }
    .toggle-mobile {
        left: 100px!important;
    }
    /*new design*/
    .BlueRightDiv div.second {width: 220px!important;padding-top: 340px;}
    .BoyImg {position: relative;right: 0px;}
    .GoalImg {background: url(/img/GoalImg.png) no-repeat bottom right;background-size: 159px;}
    .DivCheckboxForm {padding: 14px 0px 10px 0px!important;}
    .mainInp {width: 100%!important;}
    .topheader-bg {padding: 0!important;}
    .headertopslider-md .page-titlee {font-size: 78px;top: 59px;}
    .headertopslider-md h2.main {font-size: 30px;padding: 20px 0 0 0!important;text-align: center;}
    .headertopslider-md h3.main {text-align: center;padding: 0 0 5px 0px;}
    .headertopslider-md .leftSideTipSlider {padding-top: 11px;}
    .headertopslider-md div.main {padding: 10px 0 20px 0px;text-align: center;}
    .sliders {padding: 0;}
    .ImgBckgrSld {background-position: bottom center!important;background-size: contain!important;}
    .license {font-size: 12px;padding: 0;margin-bottom: 72px;}
    .license img {width: 60px;}
    #mainmovie {height: 215px;}
    .tabdiv-md {padding: 0;}
    .ToggleDivBack {width: 100%!important;padding: 0!important;}
    .ToggleDivBackImg {width: 100%!important;}
    .GoalImg2 {width: 100%;height: 150px;background-size: 65%;background-position: center;}
    .GoalTxt2 {padding: 10px 0 0 0px!important;width: 100%!important;height: auto;}
    .greyb2 {height: 435px;}
    .greyb2 h2 {background-size: 10%;font-size: 19px;padding-top: 27px;}
    .GoalTxt2 h3.third {font-size: 17px;}
    .ToggleDivBack h2.titleH2, .ToggleDivBack2 h2.titleH2 {width: 100%;text-align: center;}
    .ToggleDivBack .showtxtH2quote, .ToggleDivBack2 .showtxtH2quote, .secondD .showtxtH2quote {padding-right: 20px;}
    .ToggleDivBack2  {width: 100%!important;padding: 0;}
    #ImgStory {display: none;}
    #TxtStory {width: 100%!important;}
    .title-md {padding-bottom: 4px;margin: 0 0 34px;}
    .BlueLeftDiv {background: none;background: #252e37;padding-top: 33px;}
    .BlueRightDivS {background: none;}
    .BlueRightDiv div.second2 {padding-top: 18px;padding-left: 0!important;}
    .BlueRightDiv div.second2 h2 {margin: 0 0 7px;text-align: center;width: 100%;}
    .title-md h2.main {font-size: 25px!important;}
    .greyb {background: none;background: #f0f0f0;height: auto;}
    .GoalTxt {width: 100%!important;text-align: center;padding-top: 37px!important;height: 150px;}
    .GoalImg {background-position: bottom center!important;height: 257px!important;width: 100%!important;}
    .pr-all-50 { padding: 30px 20px 30px 15px!important; }
    #scrollUp {bottom: 20px;right: 10px;width: 40px;}
    .HalfWidth7 {width: 100%!important;}
    .HalfWidth3 {width: 100%!important;}
    .OneThirdofadiv {width: 100%!important;}
    .div30percent {width: 100%!important;}
    #ContactPageMap {min-height: 300px!important;}
    #bb {border-left: 11px solid white;}


}

/*
@media (max-width: 320px) {#MainVideoFrame {width: 100%!important;}}
@media (max-width: 375px) {#MainVideoFrame {width: 100%!important;}}
@media (max-width: 420px) {#MainVideoFrame {width: 100%!important;}}
@media (max-width: 500px) {#MainVideoFrame {width: 100%!important;height: 358px;margin-top: -171px;}}
@media (max-width: 575px) {#MainVideoFrame {width: 100%!important;height: 418px;margin-top: -121px;}#MainVideoFrame iframe {height: 285px;}}
@media (max-width: 767px) {#MainVideoFrame {width: 100%!important;height: 418px;margin-top: -121px;}#MainVideoFrame iframe {height: 355px;}}
@media (max-width: 991px) {#MainVideoFrame {width: 100%!important;}#MainVideoFrame iframe {height: 505px;}}
@media (min-width: 768px) and (max-width: 991px) {#MainVideoFrame {width: 100%!important;}#MainVideoFrame iframe {height: 505px;}}
@media (max-width: 1199px) {#MainVideoFrame {width: 100%!important;}#MainVideoFrame iframe {height: 505px;}}
@media (min-width: 1199px) {#MainVideoFrame {width: 100%!important;}#MainVideoFrame iframe {height: 865px;}}    */