/*################################## Responsive ###############################################*/

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .banner-topic {
        width: 1024px;
        margin-top: 10px;
    }
    .circle-text h6 {
        font-size: 14px;
    }
    .top-contact p {
        font-size: 12px;
        line-height: 17px;
    }
    .top-contact p a {
        font-size: 13px;
    }
    .circle-shape{
        box-shadow: none;
    }
    .main-menu .navbar-nav li {
        margin-right: 24px;
    }
    .main-menu .navbar-nav li a {
        padding: 10px 0;
        font-size: 12px;
    }
    .thought-bx h3 {
        font-size: 27px;
    }
    .thought-bx p {
        font-size: 13px;
    }
    .thought-bx a {
        margin: 10px 0 0;
    }
    .address-list {
        width: 60%;
    }

    .cont-info-box a {
        font-size: 14px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .top-menu ul li a {
        padding: 4px 10px;
    }
    .banner>img{
        display: none;
    }
    .banner-topic {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 0px;
        background: #194278;
        padding: 0 5px;
    }
    .connection-line {
        position: relative;
        width: 100%;
    }
    .connection-line>img{
        display: none;
    }
    .banner-topic ul li{
        position: relative;
        width: 100%;
        padding: 10px 0;
    }
    .banner-topic ul li:nth-child(1) {
        left: 0;
        top: 0;
    }
    .banner-topic ul li:nth-child(2) {
        top: 0;
        left: 0;
    }
    .banner-topic ul li:nth-child(3) {
        left: 0;
        top: 0;
    }
    .banner-topic ul li:nth-child(4) {
        top: 0;
        left: 0;
    }
    .banner-topic ul li:nth-child(5) {
        top: 0;
        left: 0;
        width: 100%;
    }
    .circle-text h6 {
        font-size: 34px;
    }
    .circle-text p {
        font-size: 20px;
        line-height: 34px;
    }
    .thought-sec {
        position: relative;
        bottom: 0;
    }

    .banner-topic ul li:nth-child(1) .circle-shape{
        order: 1;
    }
    .banner-topic ul li:nth-child(1) .circle-text {
        order: 2;
        text-align: left;
    }
    .banner-topic ul li:nth-child(4) .circle-shape{
        order: 2;
    }
    .banner-topic ul li:nth-child(4) .circle-text {
        order: 1;
        text-align: right;
    }
    .banner-topic ul li:nth-child(5) .circle-shape {
        width: 28%;
    }
    .banner-topic ul li:nth-child(5) .circle-text {
        width: 72%;
        position: relative;
        top: 0;
        left: 0;
        text-align: left;
    }
    .banner-topic ul li:nth-child(5) .circle-text h6 {
        color: #fff;
    }
    .banner-topic ul li:nth-child(5) .circle-text p {
        color: #fff;
    }
    .banner-topic ul li:nth-child(5) .circle-shape div {
        top: -10px;
    }

    .top-rt-prt li {
        font-size: 14px;
    }
    .top-menu .navbar-nav li a {
        padding: 2px 0;
        font-size: 11px;
    }
    .top-menu .navbar-nav li {
        margin-right: 22px;
    }
    .top-rt-prt {
        margin: 5px 0 0;
    }
    .top-menu {
        margin: 15px 0 0;
    }
    .top-contact {
        display: none;
    }
    .main-menu .navbar-nav li {
        margin-right: 10px;
    }
    .main-menu .navbar-nav li a {
        padding: 8px 2px;
        font-size: 13px;
    }
    .thought-bx h3 {
        font-size: 20px;
    }
    .thought-bx p {
        font-size: 12px;
    }
    .thought-bx {
        padding: 20px 30px;
    }
    .thought-bx p {
        font-size: 12px;
        line-height: 20px;
    }
    .thought-bx a {
        font-size: 13px;
        padding: 8px 18px;
    }
    .video-sec {
        padding: 60px 0 40px;
    }
    .main-title {
        font-size: 25px;
    }
    .main-pera {
        font-size: 14px;
        padding: 0;
    }
    .mock-bx {
        padding: 20px;
    }
    .mock-bx p {
        font-size: 14px;
        font-weight: 300;
    }
    .mock-bx a {
        padding: 7px 20px;
        margin: 20px 0 0;
        font-size: 13px;
    }
    .link-bx .link-ico {
        float: none;
        margin: 0 0 10px;
    }
    .link-bx {
        padding: 10px;
    }
    .link-sec {
        padding: 35px 0;
    }
    .lft-pnl {
        text-align: center;
        margin-bottom: 20px;
    }
    .lft-pnl ul li {
        font-size: 14px;
        padding: 0 16px;
        border-bottom: none;
        float: none;
        display: inline-block;
        margin: 0 10px;
    }
    .btn-explore {
        padding: 7px 21px;
        margin: 25px 0;
        font-size: 14px;
    }
    .blog-sec {
        padding: 30px 0;
    }
    .blog-txt h3 {
        font-size: 15px;
    }
    .new-bx h3 {
        font-size: 13px;
    }
    .new-sec {
        padding: 40px 0;
    }
    .testi-sec {
        padding: 40px 0;
    }
    
    .address-list li p {
        font-size: 13px;
    }
    .address-list li a {
        font-size: 13px;
    }
    .address-list {
        width: 66%;
    }

    .cont-info-box a {
        font-size: 14px;
    }

}

@media only screen and (max-width: 767px) {
    .top-menu {
        margin-top: 12px;
    }
    .top-menu ul{
        justify-content: center;
    }
    .top-menu ul li{
        margin: 0 1px;
    }
    .top-menu ul li a {
        padding: 4px 10px;
        
    }
    .main-menu .navbar {
        width: 100%;
    }
    .main-menu .navbar-nav li {
        margin-right: 0;
    }
    .main-menu .navbar-nav li a {
        padding: 5px 0;
        display: block;
    }
    .banner>img{
        display: none;
    }
    .banner-topic {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 0px;
        background: #194278;
        padding: 0 5px;
    }
    .connection-line {
        position: relative;
        width: 100%;
    }
    .connection-line>img{
        display: none;
    }
    .banner-topic ul li{
        position: relative;
        width: 100%;
        padding: 10px 0;
    }
    .banner-topic ul li:nth-child(1) {
        left: 0;
        top: 0;
    }
    .banner-topic ul li:nth-child(2) {
        top: 0;
        left: 0;
    }
    .banner-topic ul li:nth-child(3) {
        left: 0;
        top: 0;
    }
    .banner-topic ul li:nth-child(4) {
        top: 0;
        left: 0;
    }
    .banner-topic ul li:nth-child(5) {
        top: 0;
        left: 0;
        width: 100%;
    }
    .banner-topic ul li:nth-child(1) .circle-shape{
        order: 1;
    }
    .banner-topic ul li:nth-child(1) .circle-text {
        order: 2;
        text-align: left;
    }
    .banner-topic ul li:nth-child(4) .circle-shape{
        order: 2;
    }
    .banner-topic ul li:nth-child(4) .circle-text {
        order: 1;
        text-align: right;
    }
    .banner-topic ul li:nth-child(5) .circle-shape {
        width: 28%;
    }
    .banner-topic ul li:nth-child(5) .circle-text {
        width: 72%;
        position: relative;
        top: 0;
        left: 0;
        text-align: left;
    }
    .banner-topic ul li:nth-child(5) .circle-text h6 {
        color: #fff;
    }
    .banner-topic ul li:nth-child(5) .circle-text p {
        color: #fff;
    }
    .banner-topic ul li:nth-child(5) .circle-shape div {
        top: -10px;
    }

    .thought-bx {
        padding: 20px;
        border-radius: 10px;
    }
    .top-rt-prt li {
        margin: 0 0 0 7px;
        font-size: 12px;
    }
    .logo {
        width: 56%;
    }
    .top-rt-prt {
        margin: -34px 0 0;
    }
    .top-rt-prt > a {
        margin-right: 6px;
        margin-top:0;
    }
    .thought-sec {
        position: static;
        margin: 25px 0 0;
    }
    .shape {
        display: none;
    }
    .navbar-toggler {
        padding: 2px 6px;
        background-color: #fff;
        margin-top: -44px;
    }
    .top-contact {
        padding: 2px 10px;
    }
    .top-contact p a {
        font-size: 15px;
    }
    .head-bttm {
        padding: 10px 0;
    }
    .thought-bx h3 {
        font-size: 26px;
    }
    .main-title {
        font-size: 20px;
    }
    .video-sec {
        padding: 24px 0 30px;
    }
    .main-pera {
        padding: 0 15px;
    }
    .btn-explore {
        margin: 25px 0 0;
    }
    .video-bx {
        margin-bottom: 0;
    }
    .Videostatistic {
        padding: 5px 10px;
        margin-bottom: 15px;
    }
    .mock-bx {
        margin-bottom: 20px;
    }
    .blog-bx {
        margin: 20px 0 0;
    }
    .lft-pnl ul li {
        font-size: 16px;
        padding: 6px 10px;
    }
    .blog-sec {
        padding: 30px 0;
    }
    .new-sec {
        padding: 30px 0;
    }
    .testi-sec {
        padding: 30px 0;
    }
    .testi-bx {
        padding: 25px 15px;
    }
    .testi-bx p {
        font-size: 13px;
        line-height: 22px;
    }
    .footer-mid {
        padding: 25px 0;
        margin: 14px 0 0;
    }

    .page-title {
        font-size: 18px;
    }
    .btn-chat{
        display: none;
    }

    .blog-sidebar{
        border-right: 1px solid #ededed;
    }
    .mock-sec {
        padding: 30px 0;
    }
    .mar-top {
        margin-top: 20px;
    }

    .btn-primary {
        top: 5px;
    }
    .top-tab ul li {
        margin-bottom: 15px;
    }
    .rt-btn-prt {
        position: relative;
        right: 0;
        overflow: hidden;
    }
    .rt-btn-prt a {
        margin-left: 6px;
    }
    .calculator-bx {
        min-height: 112px;
    }
    .sip-calculator .offset-5 {
        margin-left: 0;
    }
    .category-box {
        margin-top: 30px;
    }
    .rec-book{
        display: block;
    }
    .rec-book-img {
        width: 100%;
        padding: 0 0;
        padding-left: 0;
    }
    .rec-book-text {
        width: 100%;
        padding: 0 0px;
    }
    .rec-book-text ul {
        overflow: hidden;
    }
    .book-heading {
        font-size: 18px;
    }
    .add {
        margin-top: 20px;
    }
    .table {
        margin-top: 10px;
    }
    .top-rated-bx .top-rated-img {
        width: 26%;
        margin-bottom: 15px;
    }
    .top-rated-bx .top-rated-txt {
        width: 100%;
    }
    .success-story-details .success-person {
        position: relative;
        top: 0;
        right: 0;
    }
    .card-header .btn {
        word-break: break-all;
        white-space: inherit;
    }
    .d-block.d-md-none{
        display: none !important;
    }
    .d-block-sm{
        display: block;
    }
    .btn-resposive{
        margin: 5px;
    }
    .btn-resposive i{
        font-size: 16px;
        width: 18px;
    }
    .action-buttons{
        display: block;
    }
    .action-buttons .custom-control {
        width: 100%;
    }
    .action-buttons .btn-success {
        width: 100%;
    }
    .top-tab ul{
        width: 100%;
    }
    .top-tab ul li{
        white-space: nowrap;
        margin-right: 15px;
    }
    .top-tab ul li a {
        padding: 4px 16px;
        border-radius: 15px;
        background: #eee;
    }

    .gallery-list li {
        width: 45%;
        margin: 10px;
        min-height: 99px;
    }
    .cont-info-box {
        font-size: 1.2rem;
        padding: 1rem 22px;
        min-height: 118px;
        margin-bottom: 15px;
    }
    .cont-info-box a {
        font-size: 14px;
    }
    .select-exam-table tr th{
        border: 1px solid #ddd;
    }
    .select-exam-table tr td{
        border: 1px solid #ddd;
    }
    .question-action-button .btn{
        display: block;
        width: 100%;
    }
    
    .how-to-use-calculator h5{
        word-break: break-all;
    }
    .how-to-use-sale-pre h5{
        word-break: break-all;
    }
    .filterby{
        flex-direction: column;
    }
    .filterby li{
        margin-bottom: 10px;
    }
    .filterby li a{
        display: block;
    }
    #salespresenters-save-list_wrapper{
        padding-bottom: 15px;
    }
    .saved-file-details img{
        max-width: 100%;
    }
    .premade-sales .btn {
       width: 100%;
    }
    .barchatArea{
        flex-direction: column;
    }
    .barArea{
        width: 100%;
    }
    .percentArea{
        width: 100%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 479px) {
    .top-menu {
        margin-top: 12px;
    }
    .top-menu ul{
        justify-content: center;
    }
    .top-menu ul li{
        margin: 0 1px;
    }
    .top-menu ul li a {
        padding: 4px 10px;
        border: 1px solid #ddd;
        border-radius: 15px;
    }
    .main-menu .navbar {
        width: 100%;
    }
    .main-menu .navbar-nav li {
        margin-right: 0;
    }
    .main-menu .navbar-nav li a {
        padding: 5px 0;
        display: block;
    }
    .banner>img{
        display: none;
    }
    .banner-topic {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 0px;
        background: #194278;
        padding: 0 5px;
    }
    .connection-line {
        position: relative;
        width: 100%;
    }
    .connection-line>img{
        display: none;
    }
    .banner-topic ul li{
        position: relative;
        width: 100%;
        padding: 10px 0;
    }
    .banner-topic ul li:nth-child(1) {
        left: 0;
        top: 0;
    }
    .banner-topic ul li:nth-child(2) {
        top: 0;
        left: 0;
    }
    .banner-topic ul li:nth-child(3) {
        left: 0;
        top: 0;
    }
    .banner-topic ul li:nth-child(4) {
        top: 0;
        left: 0;
    }
    .banner-topic ul li:nth-child(5) {
        top: 0;
        left: 0;
        width: 100%;
    }
    .banner-topic ul li:nth-child(1) .circle-shape{
        order: 1;
    }
    .banner-topic ul li:nth-child(1) .circle-text {
        order: 2;
        text-align: left;
    }
    .banner-topic ul li:nth-child(4) .circle-shape{
        order: 2;
    }
    .banner-topic ul li:nth-child(4) .circle-text {
        order: 1;
        text-align: right;
    }
    .banner-topic ul li:nth-child(5) .circle-shape {
        width: 28%;
    }
    .banner-topic ul li:nth-child(5) .circle-text {
        width: 72%;
        position: relative;
        top: 0;
        left: 0;
        text-align: left;
    }
    .banner-topic ul li:nth-child(5) .circle-text h6 {
        color: #fff;
    }
    .banner-topic ul li:nth-child(5) .circle-text p {
        color: #fff;
    }
    .banner-topic ul li:nth-child(5) .circle-shape div {
        top: -10px;
    }

    .thought-bx {
        padding: 20px;
        border-radius: 10px;
    }
    .top-rt-prt li {
        margin: 0 0 0 7px;
        font-size: 12px;
    }
    .logo {
        width: 50%;
    }
    .top-rt-prt {
        margin: -34px 0 0;
    }
    .top-rt-prt > a {
        margin-right: 6px;
        margin-top:0;
    }
    .thought-sec {
        position: static;
        margin: 25px 0 0;
    }
    .shape {
        display: none;
    }
    .navbar-toggler {
        padding: 2px 6px;
        background-color: #fff;
        margin-top: -44px;
    }
    .top-contact {
        padding: 2px 10px;
    }
    .top-contact p a {
        font-size: 15px;
    }
    .head-bttm {
        padding: 10px 0;
    }
    .thought-bx h3 {
        font-size: 26px;
    }
    .main-title {
        font-size: 20px;
    }
    .video-sec {
        padding: 24px 0 30px;
    }
    .main-pera {
        padding: 0 15px;
    }
    .btn-explore {
        margin: 25px 0 0;
    }
    .video-bx {
        margin-bottom: 0;
    }
    .Videostatistic {
        padding: 5px 10px;
        margin-bottom: 15px;
    }
    .mock-bx {
        margin-bottom: 20px;
    }
    .blog-bx {
        margin: 20px 0 0;
    }
    .lft-pnl ul li {
        font-size: 16px;
        padding: 6px 10px;
    }
    .blog-sec {
        padding: 30px 0;
    }
    .new-sec {
        padding: 30px 0;
    }
    .testi-sec {
        padding: 30px 0;
    }
    .testi-bx {
        padding: 25px 15px;
    }
    .testi-bx p {
        font-size: 13px;
        line-height: 22px;
    }
    .footer-mid {
        padding: 25px 0;
        margin: 14px 0 0;
    }

    .page-title {
        font-size: 18px;
    }
    .btn-chat{
        display: none;
    }

    .blog-sidebar{
        border-right: 1px solid #ededed;
    }
    .mock-sec {
        padding: 30px 0;
    }
    .mar-top {
        margin-top: 20px;
    }


    .btn {
        margin-top: 5px;
    }
    .top-tab ul li {
        margin-bottom: 10px;
    }
    .rt-btn-prt {
        position: relative;
        right: 0;
        overflow: hidden;
    }
    .rt-btn-prt a {
        margin-left: 6px;
    }
    .calculator-bx {
        min-height: 112px;
    }
    .sip-calculator .offset-5 {
        margin-left: 0;
    }
    .category-box {
        margin-top: 30px;
    }
    .rec-book{
        display: block;
    }
    .rec-book-img {
        width: 100%;
        padding: 0 0;
        padding-left: 0;
    }
    .rec-book-text {
        width: 100%;
        padding: 0 0px;
        margin-top: 10px;
    }
    .rec-book-text ul {
        overflow: hidden;
    }
    .book-heading {
        font-size: 18px;
    }
    .download-tools .rec-book-img {
        width: 100%;
    }
    .download-tools ul li {
        width: 100%;
    }
    .add {
        margin-top: 20px;
    }
    .table {
        margin-top: 10px;
    }
    .top-rated-bx .top-rated-img {
        width: 26%;
        margin-bottom: 15px;
    }
    .top-rated-bx .top-rated-txt {
        width: 100%;
    }
    .success-story-details .success-person {
        position: relative;
        top: 0;
        right: 0;
    }
    .card-header .btn {
        word-break: break-all;
        white-space: inherit;
    }
    .d-block.d-md-none{
        display: none !important;
    }
    .d-block-sm{
        display: block;
        width: 100%;
    }
    .btn-resposive{
        margin: 5px;
    }
    .btn-resposive i{
        font-size: 16px;
        width: 18px;
    }
    .action-buttons{
        display: block;
    }
    .action-buttons .custom-control {
        width: 100%;
    }
    .action-buttons .btn-success {
        width: 100%;
    }
    .lft-cart-prt {
        width: 100%;
    }
    .rt-cart-prt {
        width: 100%;
        min-height: 380px;
    }
    .gallery-list li {
        width: 100%;
        margin: 10px;
    }
    .banner-caption {
        transform: translate(0%);
        top: 70% !important;
    }
    .answer-sheet-table{
        width: 100%;
        white-space: nowrap;
    }
    
    
    .how-to-use-calculator h5{
        word-break: break-all;
    }
    .how-to-use-sale-pre h5{
        word-break: break-all;
    }
    .filterby{
        flex-direction: column;
    }
    .filterby li{
        margin-bottom: 10px;
    }
    .filterby li a{
        display: block;
    }
    #salespresenters-save-list_wrapper{
        padding-bottom: 15px;
    }
    .saved-file-details img{
        max-width: 100%;
    }
    .premade-sales .btn {
       width: 100%;
    }
}