/***************************************************************************************************************
||||||||||||||||||||||||||||       MASTER STYLESHEET FOR Invest               ||||||||||||||||||||||||||||||||||
****************************************************************************************************************
    Project:        Invest - Business And Multipurpose Responsive WordPress Theme
    Version:        1.1
    Author:         Inaikas

||||||||||||||||||||||||||||                Media Queries                   ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

/*  -------------------------------------------------------------------------------
 *  This part contains the all changes that needed for elements for the Bootsrap
 *  widths like iPhone image in About Us section
 *  
 *  It's divided to the following sections:
 *  
 *     |
 *     |-->   - Width between 1920px to 0
 *     |-->   - Width between 1119px to 0
 *     |-->   - Width between 992px to 0
 *     |-->   - Width between 768px to 0
 *     |-->   - Width between 600px to 0
 *     |-->   - Width between 576px to 0
 *     |-->   - Width between 320px to 575
*/


/** Width between 2560px to 0 
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */


/************************** 
* Desktop XL
***************************/

@media (max-width: 2560px) {
    /* Portfolio */
    #multi-2 .home-demo .item {
        width: 25%;
    }
}


/************************** 
* Macbook 12
***************************/

@media (max-width: 2304px) {}


/************************** 
* Width 1920px
***************************/

@media (max-width: 1920px) {
    /* Portfolio */
    body#multi-2 .portfolio .grid .grid-sizer,
    body#multi-2 .portfolio .grid .grid-item {
        width: 49% !important;
        margin-bottom: 30px !important;
    }
}


/************************** 
* Macbook Pro Retina 15"
***************************/

@media (max-width: 1680px) {}


/************************** 
* Desktop MDPI
***************************/

@media (max-width: 1440px) {}


/************************** 
* Laptop-S
***************************/

@media (max-width: 1280px) {
    /* btn video style two */
    #multi-6 .video-play-button {
        right: 5%;
    }
}


/************************** 
* 
***************************/

@media (min-width: 993px) and (max-width: 1199px) {
    /* navbar top */
    .item-social-top .social-top li {
        margin-left: 6px;
        margin-right: 6px;
    }
    /* Header */
    body#multi-6 .btn-video-two {
        display: none;
    }
    /* Portfolio */
    .portfolio .grid .grid-sizer,
    .portfolio .grid .grid-item {
        width: 32% !important;
    }
    body#multi-2 .portfolio .grid .grid-sizer,
    body#multi-2 .portfolio .grid .grid-item {
        width: 24.34% !important;
    }
    .portfolio .heigh-five {
        width: 24.37% !important;
    }
    /* About */
    .about .about-left-content {
        padding: 0 !important;
    }
    /* Team */
    .team-style-thre .item-team .grid-content {
        bottom: -24% !important;
    }
    /* Counter */
    .counter .item-counter {
        border-right: none !important;
    }
    /* who are */
    .whoare-style-one .block-whoare .content-whoare {
        width: 100% !important;
        max-width: 50%;
        padding: 80px 15px !important;
    }
    /* Footer */
    .footer {
        position: inherit !important;
    }
    .item-footer {
        padding-bottom: 30px !important;
    }
    .fix-footer {
        padding-bottom: 0;
        border-bottom: none;
    }
    .footer-height {
        display: none;
    }
}


/************************** 
* 1024px
***************************/

@media (max-width: 1024px) {
    /* Slider */
    .slider-style-two .controls-slider {
        display: none;
    }
    .slider-style-two .indicators-line .carousel-indicators {
        display: none;
    }
    /* sidebar header */
    .sidebar-header.blue-bg {
        display: none;
    }
    /* Banner */
    .banner-6:before {
        display: none;
    }
    #multi-6 .item-social-top {
        display: none;
    }
    /* Portfolio */
    body#multi-2 .portfolio .grid .grid-sizer,
    body#multi-2 .portfolio .grid .grid-item {
        width: 48% !important;
        margin-bottom: 30px !important;
    }
}


/**************************************** 
* Large devices (desktops, 992px and up)
****************************************/

@media (max-width: 992px) {
    /* general settings */
    .r--mb-0 {
        margin-bottom: 0 !important;
    }
    .r-mb-50 {
        margin-bottom: 50px;
    }
    .number {
        color: inherit;
    }
    /* Header */
    .title-header {
        font-size: 40px;
    }
	.content-header p {
        display: none;
    }
    .header-content p,
    .content-header p {
        max-width: 63%;
    }
    .content-header .btn.bt-banner {
        margin-bottom: 0;
    }
    .header {
        position: relative;
    }
    /* who are */
    .content-whoare p {
        width: 100% !important;
    }
    .whoare-style-one .block-whoare {
        width: 100% !important;
        display: inline-block !important;
        height: 100%;
    }
    .whoare-style-one .block-whoare .content-whoare {
        width: 100% !important;
        max-width: 720px;
        float: none !important;
        padding: 80px 15px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .whoare-style-one .block-whoare .content-whoare-img {
        display: none;
    }
    /* Services */
    #services .box-fix {
        padding: 40px 40px !important;
    }
    #multi-6 .services .icon-box {
        margin-top: 0 !important;
    }
    /* about */
    .about .about-left-content {
        padding: 0 !important;
    }
    body#multi-7 .about .about-left-content {
        padding: 0;
        margin-bottom: 30px;
        display: block;
    }
    body#multi-7 .about-right-content .image-box {
        position: initial !important;
        display: inline-block;
    }
    body#multi-7 .portfolio.moha .grid .grid-fixfour {
        width: 50% !important;
        margin-bottom: 30px !important;
    }
    /* portfolio */
    #portfolio .container-fluid {
        max-width: 100%;
    }
    body#multi-2#portfolio .container-fluid {
        max-width: 720px;
    }
    .portfolio .grid .grid-sizer,
    .portfolio .grid .grid-item {
        width: 49.11% !important;
        height: 343px !important;
    }
    body#multi-2 .portfolio .grid .grid-sizer,
    body#multi-2 .portfolio .grid .grid-fixfour {
        width: 49% !important;
        height: 343px !important;
        margin-bottom: 30px !important;
    }
    /* Team */
    .team .item-team {
        background: #fff;
    }
    .team .item-team img {
        object-fit: cover;
    }
    /* Team */
    .team-style-thre .item-team .grid-content {
        bottom: -23% !important;
    }
    /* Counter */
    .counter .item-counter {
        border-right: none !important;
    }
    .item-counter .number {
        color: #fff;
    }
    /* testimonials */
    .testimonials .owl-client .owl-stage-outer .owl-stage {
        margin-bottom: 0;
    }
    .testimonials .content-testimonials {
        position: inherit;
    }
    /* blog */
    .item-blog .blog-content .list-blog {
        display: inline-block;
    }
    /* Contact block*/
    .contact-blok .contactitem p {
        color: #fff;
        text-align: left;
        margin-bottom: 30px;
    }
    .btn-contact-item {
        text-align: left !important;
        display: flex;
    }
    .btn-contact-item .bt-banner {
        margin-left: 0;
    }
    /* footer */
    .footer {
        position: inherit !important;
    }
    .item-footer {
        padding-bottom: 30px !important;
    }
    .fix-footer {
        padding-bottom: 0;
        border-bottom: none;
    }
    .footer-height {
        display: none;
    }
    /* sidebar */
    .sidebar-header {
        display: none;
    }
    /* Back to top */
    .bck.bck-on {
        display: none !important;
    }
}


/************************** 
* 991px
***************************/

@media (max-width: 991px) {
    /* general settings */
    .r-mb-30 {
        margin-bottom: 30px !important;
    }
    .team .r-mb-30 {
        margin-bottom: 0 !important;
    }
    #multi-7 .team .r-mb-30 {
        margin-bottom: 30px !important;
    }
    #multi-7 .team .row > div:last-of-type .r-mb-30 {
        margin-bottom: 0 !important;
    }
    .row > .r-mb-30:last-of-type {
        margin-bottom: 0 !important;
    }
    #multi-6 #services {
        padding-top: 80px !important;
        padding-bottom: 50px;
    }
    .icon-box-resize hr {
        display: none !important;
    }
    .bord {
        border-left: none !important;
        border-right: none !important;
    }
    .bord-res {
        border-right: none;
    }
    #multi-1 #features .icon-box,
    .box-number {
        box-shadow: 0px 0px 30px -2px rgba(0, 0, 0, 0.1) !important;
    }
    .brd-none-fix {
        border-right: none !important;
    }
    /* navbar top */
    .fixed-top .class1 {
        display: block;
    }
    .fixed-top .class1,
    .nav-fixed .class2 {
        padding: 20px 0 20px 15px;
    }
    .navbar-light .navbar-toggler {
        color: transparent;
        border-color: transparent;
        padding: 0;
        padding-right: 15px;
        cursor: pointer;
    }
    .navbar-light.header-five .navbar-toggler {
        padding-right: 0px;
    }
    .list-toggle {
        width: 20px;
        background: #fff;
        height: 2px;
        position: relative;
        z-index: 99;
        border: 1px solid #fff;
        margin-bottom: 4px;
        display: block;
    }
    .list-toggle:last-child {
        margin-bottom: 0;
    }
    .header-five .list-toggle,
    .navbar-light.header-five .navbar-nav .menu-item a:before {
        margin-right: 20px;
    }
    .header-two .list-toggle {
        border: 1px solid #404040;
    }
    .navbar-expand-lg .navbar-nav {
        background: #fff;
    }
    .header-four .navbar-nav {
        margin-right: 0px !important;
    }
    .navbar-light .navbar-nav .menu-item a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        color: #969696 !important;
        position: relative;
        padding: 15px 20px !important;
    }
    .navbar-light .navbar-nav > li.menu-item-has-children > a:after,
    .navbar-light.nav-fixed .navbar-nav > li.menu-item-has-children > a:after,
    .navbar-light.header-two .navbar-nav > li.menu-item-has-children > a:after,
    .navbar-light.header-thre .navbar-nav > li.menu-item-has-children > a:after {
        color: #969696;
        top: 17px;
        font-size: 16px;
    }
    .navbar-light.header-one .navbar-nav > li.menu-item-has-children > a:after {
        color: #969696;
    }
    .navbar-light.header-one .navbar-nav > li.menu-item-has-children > a:hover:after {
        color: #6b54f6;
    }
    #multi-4 .nav-fixed .navbar-nav .menu-item a {
        padding: 15px 0px !important;
    }
    .navbar-light .navbar-nav .menu-item a:focus,
    .navbar-light .navbar-nav .menu-item a:hover {
        color: #969696 !important;
    }
    .navbar-light .navbar-nav > li.menu-item-has-children > .sub-menu {
        position: static;
        width: 100%;
        background: #f3f1f1;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: none;
    }
    .navbar-light.header-one .navbar-nav > li.menu-item-has-children > .sub-menu {
        padding-left: 15px;
    }
    .navbar-light .navbar-nav > li.menu-item-has-children > .sub-menu > li > a {
        padding: 12px 20px !important;
        color: #969696 !important;
        border: none !important;
    }
    .navbar-light .navbar-nav .menu-item a:hover {
        color: #6b54f6 !important;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: initial;
        top: initial;
        width: 100%;
        visibility: visible !important;
        opacity: 1;
        border: none;
    }
    .navbar-expand-lg .navbar-nav li:hover .dropdown-menu {
        border-top: none;
    }
    .nav-menu>li .dropdown-menu .dropdown-item {
        color: #000 !important;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .nav-menu li .dropdown-menu a:hover {
        background: #fff !important;
        color: #969696 !important;
    }
    .dropdown-item.active {
        background: #fff !important;
        opacity: 1 !important;
        color: #969696 !important;
    }
    .navbar-light .navbar-nav .menu-item a:before {
        color: #969696 !important;
        -moz-transition: all .5s ease-in-out 0s;
        -ms-transition: all .5s ease-in-out 0s;
        -o-transition: all .5s ease-in-out 0s;
        transition: all .5s ease-in-out 0s;
        right: 20px !important;
    }
    .navbar-light.header-two .navbar-nav .menu-item a:before,
    .navbar-light.header-thre .navbar-nav .menu-item a:before {
        right: 0px !important;
    }
    .nav-fixed .list-toggle {
        border: 1px solid #404040;
    }
    .nv-tr .list-toggle {
        border: 1px solid #404040;
    }
    .button-signup {
        display: none;
    }
    .header-two .container,
    .header-thre .container,
    .header-four .container {
        padding: 0;
    }
    .item-social-top {
        display: none;
    }
    /* Navbar */
    .navbar-light.header-five .navbar-nav .menu-item a:before {
        margin-right: 0px;
    }
    #multi-1 .navbar-light .navbar-nav .menu-item a {
        padding-left: 0 !important;
    }
    /* Header */
    .header-one {
        top: 0;
    }
    .header-one .container {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0;
    }
    .header-one .navbar-toggler {
        color: transparent;
        border-color: transparent;
        padding: 0;
        padding-right: 0;
        cursor: pointer;
    }
    .header-one.fixed-top .list-toggle,
    .header-thre .list-toggle {
        border: 1px solid #404040;
    }
    .header-one .class1,
    .header-one .class2 {
        padding: 20px 0 20px 0px;
    }
    .header-two .logo-1,
    .header-thre .logo-1 {
        padding: 20px 0 20px 15px;
    }
    .header-four .class1 {
        padding: 20px 0 20px 15px;
    }
    .header-four .class2 {
        padding: 20px 0 20px 0px;
    }
    .btn-search-pop {
        display: none;
    }
    /* Services */
    body#multi-4 .icon-box {
        border-bottom: 1px solid #ebebeb !important;
    }
    /* Team */
    .team-style-thre .item-team .grid-content {
        bottom: -21% !important;
    }
    /* who are */
    .about-item .content-whoare {
        display: inherit;
        padding-bottom: 50px;
    }
    .whoare-style-one .block-whoare {
        width: 100% !important;
        display: inline-block !important;
        height: 100%;
    }
    .whoare-style-one .block-whoare .content-whoare {
        width: 100% !important;
        max-width: 720px;
        float: none !important;
        padding: 80px 15px !important;
        margin-left: auto;
        margin-right: auto;
    }
    /* about */
    .image-box {
        display: none;
    }
    body#multi-7 .portfolio .grid-sizer,
    body#multi-7 .portfolio.moha .grid .grid-fixfour {
        width: 100% !important;
        margin-bottom: 30px !important;
    }
    /* Portfolio */
    #portfolio .container-fluid {
        max-width: 720px;
    }
    body#multi-2 .portfolio .grid .grid-sizer,
    body#multi-2 .portfolio .grid .grid-fixfour {
        width: 49% !important;
    }
    /* testimonials */
    .owl-nav.disabled {
        display: none;
    }
    .testimonials .owl-client .owl-stage-outer .owl-stage {
        margin-bottom: 30px;
    }
    .testi-style-3 .content-testimonials .item-testi-block {
        display: inline-block !important;
    }
    body#multi-2 .content-testimonials .item-testi-block .img-item-testi,
    body#multi-2 .content-testimonials .item-testi-block .content-item,
    body#multi-4 .testi-style-3 .item-testi-block .img-item-testi {
        float: none !important;
        width: 100% !important;
        text-align: center;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
    /* Top bar */
    #topbar {
        display: none !important;
    }
    #topbar,
    #topbar .topbar-left,
    #topbar .topbar-right {
        height: auto;
    }
    #topbar .topbar-left,
    #topbar .topbar-right {
        float: none !important;
        width: 100%;
    }
    #topbar .topbar-right .list-top-right {
        float: left;
    }
    #topbar .topbar-right .list-top-right li {
        margin-left: 0;
        display: inline-block;
        width: 100%;
    }
    /* Contact block*/
    .btn-contact-item {
        text-align: left !important;
        display: initial;
    }
    /* Video */
    .video h2 {
        z-index: 2;
        position: relative;
        color: #fff;
        padding: 0 15px;
        font-size: 2rem;
        line-height: 1.5;
    }
    /* Footer */
    body#multi-6 .footer {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/************************** 
* 
***************************/

@media (max-width: 834px) {
    /* Banner */
    #multi-6 .btn-video-two {
        display: none;
    }
    /* Slider */
    /* counter */
    /* Portfolio */
    #multi-2 .home-demo .item {
        width: 100%;
    }
    #multi-7 #portfolio {
        padding-bottom: 50px;
    }
    /* Faq */
    #multi-5 .faq-content {
        margin-bottom: 30px;
    }
    /* services */
    #multi-5 .services {
        padding-bottom: 50px;
    }
    #multi-6 #services {
        padding-top: 80px !important;
        padding-bottom: 50px;
    }
    #multi-7 .services {
        padding-bottom: 50px;
    }
    /* Blog */
    #multi-6 .blog {
        padding-bottom: 50px;
    }
}


/*************************************** 
* Medium devices (tablets, 768px and up)
****************************************/

@media (max-width: 768px) {
    /* general settings */
    .r-mb--0 {
        margin-bottom: 0px !important;
    }
    .number {
        color: inherit;
    }
    /* Navbar */
    .navbar-light.header-five .navbar-toggler {
        padding-right: 20px;
    }
    #multi-1 .navbar-light .navbar-nav .menu-item a,
    #multi-5 .navbar-light .navbar-nav .menu-item a {
        padding-left: 0 !important;
    }
    #multi-6 .navbar-light.header-five .navbar-toggler {
        padding-right: 0px;
    }
    /* Header */
    .header {
        position: relative;
    }
    .title-header {
        font-size: 55px;
    }
    .header-content p,
    .content-header p {
        max-width: 80%;
    }
    .banner-6 .content-header {
        padding: 10px 15px;
    }
    .banner-6:before {
        display: none;
    }
    .banner-6 .btn-video-two {
        display: none;
    }
    /* portfolio */
    #portfolio .container-fluid {
        max-width: 720px;
    }
    body#multi-7 #portfolio .container-fluid {
        max-width: 540px;
        padding-right: 15px !important;
        padding-left: 15px !important;
        max-width: 720px;
    }
    body#multi-2 #portfolio .container-fluid {
        max-width: 720px;
    }
    .portfolio .menu-portfolio .list-portfolio {
        border: none !important;
        display: flex !important;
    }
    .portfolio .menu-portfolio .list-portfolio li {
        float: left !important;
        display: inherit;
        justify-content: center;
        margin: 0;
        margin-bottom: 20px;
    }
    body#multi-2 .portfolio .grid .grid-sizer,
    body#multi-2 .portfolio .grid .grid-item {
        width: 49% !important;
        margin-bottom: 30px !important;
    }
    #multi-7 #portfolio {
        padding-bottom: 50px;
    }
    body#multi-7 .portfolio .grid-sizer,
    body#multi-7 .portfolio.moha .grid .grid-fixfour {
        width: 50% !important;
        margin-bottom: 30px !important;
    }
    /* Team */
    .team-style-thre .item-team .grid-content {
        bottom: -21% !important;
    }
    /* Counter */
    .item-counter .number {
        color: #fff;
    }
    /* Price */
    .pricing-plan:before {
        width: 593px;
    }
    /* about item */
    .about-item {
        padding: 80px 0;
    }
    .about-item .content-whoare {
        padding-top: 0px;
        padding-bottom: 30px;
    }
    .about-item .content-whoare {
        display: inherit;
    }
    /* services */
    #multi-5 .services {
        padding-bottom: 50px;
    }
    #multi-6 #services {
        padding-top: 80px !important;
        padding-bottom: 50px;
    }
    #multi-7 #services {
        padding-bottom: 50px;
    }
    /* Blog */
    #multi-6 .blog {
        padding-bottom: 50px;
    }
    #multi-7 .blog-style-3 .item-blog {
        height: 300px;
    }
    /* Question */
    .question {
        padding-bottom: 50px !important;
    }
    .item-question {
        margin-bottom: 30px;
    }
}


/************************** 
* 
***************************/

@media (max-width: 767px) {
    /* Navbar */
    .navbar-light.header-five .navbar-nav .menu-item a:before {
        margin-right: 0px;
    }
    #multi-6 .navbar-light.header-five .navbar-toggler {
        padding-right: 0px;
    }
    /* Genearl styling */
    .r-mb--30 {
        margin-bottom: 30px !important;
    }
    .r-mb--0 {
        margin-bottom: 0px !important;
    }
    /* Header */
    .header {
        position: relative;
    }
    .title-header {
        font-size: 55px;
    }
    .header-content p {
        max-width: 80%;
    }
    /* portfolio */
    .portfolio .menu-portfolio .list-portfolio {
        border: none !important;
        display: inline-block !important;
    }
    #portfolio .container-fluid {
        max-width: 100%;
    }
    body#multi-2#portfolio .container-fluid {
        max-width: 720px;
    }
    body#multi-7 #portfolio .container-fluid {
        max-width: 540px !important;
    }
    .portfolio .grid .grid-sizer,
    .portfolio .grid .grid-item {
        width: 100% !important;
    }
    .portfolio .grid-sizer,
    .portfolio .grid .grid1,
    .portfolio .grid .grid2 {
        width: 100% !important;
    }
    body#multi-2 .portfolio .grid .grid-sizer,
    body#multi-2 .portfolio .grid .grid-fixfour {
        width: 100% !important;
        height: 343px !important;
    }
    body#multi-2 #portfolio .container-fluid,
    body#multi-5 #portfolio .container-fluid {
        max-width: 540px;
    }
    .portfolio .menu-portfolio .list-portfolio li {
        float: none !important;
        display: inherit;
        margin: 0;
        margin-bottom: 20px;
    }
    body#multi-7 .portfolio .grid-sizer,
    body#multi-7 .portfolio.moha .grid .grid-fixfour {
        width: 100% !important;
        margin-bottom: 30px !important;
    }
    /* Team */
    .team-style-thre .item-team .grid-content {
        bottom: -25% !important;
    }
    .team .r-mb-30:nth-of-type(n+2) .item-team {
        margin-top: 30px;
    }
    /* Blog */
    #multi-6 .blog {
        padding-bottom: 80px;
    }
    .blog .r-mb-30:nth-of-type(n+2) .item-blog {
        margin-top: 30px;
    }
    #multi-6 #services {
        padding-top: 80px !important;
        padding-bottom: 80px;
    }
    #multi-7 #services {
        padding-bottom: 80px;
    }
}


/************************** 
* 
***************************/

@media (max-width: 600px) {
    /* Navbar */
    .header-five .class1 {
        padding: 20px 0 20px 0px;
    }
    #multi-6 .navbar-light.header-five .navbar-toggler {
        padding-right: 0px;
    }
    /* Header */
    .header {
        position: relative;
    }
    .title-header {
        font-size: 32px;
    }
    .header-content p,
    .content-header p {
        max-width: 80%;
    }
    /* portfolio */
    .portfolio .menu-portfolio .list-portfolio {
        display: inline-block !important;
    }
    #portfolio .container-fluid {
        max-width: 100%;
    }
    body#multi-2#portfolio .container-fluid {
        max-width: 720px;
    }
    .portfolio .grid .grid-sizer,
    .portfolio .grid .grid-item {
        width: 100% !important;
        height: 343px !important;
    }
    .portfolio .grid-sizer,
    .portfolio .grid .grid1,
    .portfolio .grid .grid2 {
        width: 100% !important;
    }
    body#multi-2 .portfolio .grid .grid-sizer,
    body#multi-2 .portfolio .grid .grid-fixfour {
        width: 100% !important;
        height: 343px !important;
    }
    body#multi-2 #portfolio .container-fluid,
    body#multi-5 #portfolio .container-fluid {
        max-width: 540px;
    }
    .portfolio .menu-portfolio .list-portfolio li {
        float: none !important;
        display: inherit;
        margin: 0;
        margin-bottom: 20px;
    }
    /* Team */
    .team-style-thre .item-team .grid-content {
        bottom: -25% !important;
    }
    /* services */
    #multi-5 .services {
        padding-bottom: 80px;
    }
}


/*********************************************** 
* Small devices (landscape phones, 576px and up)
************************************************/

@media (max-width: 576px) {
    /* Navbar */
    .navbar-light.header-five .navbar-toggler {
        padding-right: 10px;
    }
    .header-five .class1 {
        padding: 20px 0 20px 0px;
        padding-left: 30px;
    }
    /* general settings */
    .number {
        color: inherit;
    }
    /* header */
    .header-content p {
        max-width: 80%;
    }
    /* Header */
    .header {
        position: relative;
    }
    .title-header {
        font-size: 32px;
    }
    .content-header p,
    .header-content p {
        max-width: 100%;
    }
    .content-header .btn.bt-banner {
        margin-left: 0;
        margin-bottom: 12px;
    }
    /* Team */
    .team-style-thre .item-team .grid-content {
        bottom: -13% !important;
    }
    /* Counter */
    .item-counter .number {
        color: #fff;
    }
}


/************************************* 
* min-width: 320px & max-width: 575px
**************************************/

@media (min-width: 320px) and (max-width: 575px) {
    /* navbar top */
    #multi-6 .fixed-top .class1,
    #multi-6 .nav-fixed .class2 {
        padding: 20px 0 20px 25px;
    }
    #multi-6 .navbar-light .navbar-nav .menu-item a {
        padding-left: 25px !important;
    }
    body#multi-6 .navbar-light .navbar-nav .menu-item a:focus,
    body#multi-6 .navbar-light .navbar-nav .menu-item a:hover {
        color: #6b54f6 !important;
    }
    /* Header */
    .header-content p {
        max-width: 100%;
    }
    .content-header .btn.bt-banner {
        display: none;
    }
    #multi-1 .banner-2 .content-header p {
        margin-bottom: 0 !important;
    }
    body#multi-4 .content-header .btn.bt-banner {
        margin: 0;
    }
    /* counter */
    .counter .item-counter {
        border: none !important;
    }
    /* price */
    .pricing-plan:before {
        top: -374px;
    }
    /* contact info */
    .inner-box:before {
        display: none !important;
    }
    /* Question */
    #multi-7 .card-header h4 {
        max-width: 215px;
    }
}


/************************** 
* Large Mobile :480px
***************************/

@media (max-width: 480px) {
    /* Navbar */
    #multi-6 .navbar-light.header-five .navbar-toggler {
        padding-right: 4px;
    }
    /* Header */
    #multi-1 .header-one .container .nav-menu>li>a {
        padding-left: 0 !important;
    }
    .slider-style-two .indicators-line .carousel-indicators {
        display: none;
    }
    /* Team */
    .team-style-thre .item-team .grid-content {
        bottom: -16% !important;
    }
    .testimonials .content-testimonials {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    /* services */
    #multi-4 #services .box-fix {
        padding: 40px 15px !important;
    }
}


/************************** 
* small mobile :320px
***************************/

@media (max-width: 320px) {
    /* Header */
    .title-header {
        font-size: 20px;
    }
    .content-header .btn.bt-banner {
        margin-bottom: 20px;
    }
    .content-header .bt-banner-light {
        margin-bottom: 0px !important;
    }
    /* About */
    body#multi-7 .portfolio.moha .grid .grid-fixfour {
        width: 100% !important;
        margin-bottom: 30px !important;
    }
    /* Team */
    .team-style-thre .item-team .grid-content {
        bottom: -25% !important;
    }
    /* Portfolio */
    #portfolio {
        padding-bottom: 50px;
    }
}

@media (max-width: 991px) {
    .navbar-expand-lg .navbar-nav {
        max-height: 280px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .blog .r-mb-30:nth-of-type(n+3) .item-blog {
        margin-top: 30px;
    }
}