/* ==========================================================================
   responsive.css
   ========================================================================== */
@media only screen and (max-width: 992px) {

    /*mainMenuDesktop*/
    .mainMenuDesktop {
        display: none;
    }

    .btnMainMenuDesktop {
        display: block;
        border: 1px solid #28a745;
        width: 35px;
        height: 32px;
        border-radius: 5px;
        color: #28a745;
        background-color: transparent;
        background-image: none;
        margin: 4px 0;
        line-height: 31px;
    }

    .btnMainMenuDesktop i {

        padding: 5px 6px;

        font-size: 20px;

        vertical-align: middle;

    }

    .btnMainMenuDesktop:hover {
        background-color: #28a745;
    }

    .btnMainMenuDesktop:hover i {
        color: #FFF;
    }

    /*textImageWidget sideBarRight*/
    .sideBarRight .widget_pvlearntextimagewidget {

    }

    .sideBarRight .widget_pvlearntextimagewidget .widgetContent {
    }

    .sideBarRight .widget_pvlearntextimagewidget .widgetContent ul {
    }

    .sideBarRight .widget_pvlearntextimagewidget .widgetContent ul li {
        overflow: hidden;
        background: #b8b8b8;
        border-radius: 6px;
        margin-bottom: 9px;
        transition: all .2s ease-in-out;
        margin-top: 9px;
    }

    .sideBarRight .widget_pvlearntextimagewidget .widgetContent ul li:nth-of-type(odd) {
        background: #f9f9f9;
    }

    .sideBarRight .widget_pvlearntextimagewidget .widgetContent ul li:nth-of-type(even) {
        background: #fdfcfc;
    }

    .sideBarRight .widget_pvlearntextimagewidget .widgetContent ul li:hover {
        background-color: #e7e7e7;
    }

    .sideBarRight .widget_pvlearntextimagewidget .widgetContent ul li a {

    }

    .sideBarRight .widget_pvlearntextimagewidget .widgetContent ul li h3 a {
        font: 10pt/17pt 'IRANSans';
        color: #6d6d6d;
        padding: 2px 3px;
        overflow: hidden;
        display: block;
        text-align: center;
    }

    .sideBarRight .widget_pvlearntextimagewidget .widgetContent ul li a:hover {

    }

    .sideBarRight .widget_pvlearntextimagewidget .widgetContent ul li a:hover:before {

    }

    .sideBarRight .widget_pvlearntextimagewidget .widgetContent ul li a:before {

    }

    .sideBarRight .widget_pvlearntextimagewidget .widgetContent ul li a img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        padding: 3px;
        border: 1px solid #c2c1bf;
        border-radius: 4px;
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
        float: right;
        margin: 5px !important;
    }

    .boxCategory.postCategoryStand .contentBoxCategory .postItem.bigItem .thumbPostItem {
        float: none;
    }

    .boxCategory.postCategoryStand .contentBoxCategory .postItem.bigItem .thumbPostItem img {
        margin: 10px auto 10px;
        display: block;
        max-width: 100% !important;
        width: auto !important;
        height: 193px !important;
        object-fit: cover;
        border: 1px solid #96607f;
        border-radius: 4px;

    }
}

@media only screen and (max-width: 768px) {

    header .mainMenu .row {
        width: unset;
    }

    .widgetVerticalMenu {
        max-height: unset;
    }

    .boxCategory.postCategoryWidth .contentBoxCategory .postItem.bigItem .thumbPostItem a img {
        max-height: unset;
    }


    /*vertical menu*/
    .widgetVerticalMenu .contentVerticalMenu ul.menu li .iconPlusVerticalMenu {
        cursor: pointer;
        position: absolute;
        background: #7ACB52;
        width: 28px;
        height: 28px;
        top: 1px;
        color: #fff;
        left: 1px;
        text-align: center;
        line-height: 28px;
    }

    .boxCategory.postCategoryWidth .contentBoxCategory .postItem.bigItem .innerItem {
        height: auto;
    }

    .boxCategory.postCategoryWidth .contentBoxCategory .postItem .innerItem {
        border-right: 2px solid #ddd;
    }

    /*footer*/
    footer .topBarFooter .socialIconFooter {
        text-align: center;
    }

    footer .topBarFooter .socialIconFooter ul {
        display: inline-block;
    }

    footer .topBarFooter .menuPageFooter {
        text-align: center;
    }

    footer .topBarFooter .menuPageFooter > ul {
        display: inline-block;
    }
}

@media only screen and (max-width: 480px) {
    .form-control {
        width: unset;
    }

    /*search*/
    .form-inline .btn {
        margin: 5px 1px;
    }



    .carousel-item .carousel-caption span{
        font-size:12px
    }
    .carousel-caption p {
        border-radius: 4px;
        background: rgba(0, 0, 0, 0.7);
        padding: 0px 4px;
        margin: 0;
    }

    .carousel-indicators {
        position: absolute;
        left: 0;
        bottom: -5px;

    }
    #search input[type="text"] {
        width: 162px;
        min-width: unset;
    }

}

@media only screen and (min-width: 992px) {
    .carousel-item > img {
        max-height: 270px;
    }
}

@media only screen and (min-width: 768px) {

    /*vertical menu*/
    .widgetVerticalMenu .contentVerticalMenu ul.menu li.menu-item-has-children > a:before {
        content: "\f107";
        height: 4px;
        width: 7px;
        float: left;
        font: normal normal normal 14px/12px FontAwesome;
        /* margin: 6px 6px 0 0; */
        transition: all .3s ease-out 0s;
        color: #ccc;
        line-height: 30px;
    }

    .widgetVerticalMenu .contentVerticalMenu ul.menu li.menu-item-has-children:hover > a:before {
        content: "\f104";
		
        height: 4px;
        width: 7px;
        float: left;
        font: normal normal normal 14px/12px FontAwesome;
        transition: all .3s ease-out 0s;
        line-height: 30px;
        color: #7ACB52;
    }

    .widgetVerticalMenu .contentVerticalMenu ul.menu ul {
        display: none;
        padding: 0;
        position: absolute;
        z-index: 999;
        margin: 0;
        width: 185px;
        top: -1px;
        right: 100%;
        border: 1px solid rgba(0, 0, 0, .15);
    }

    .widgetVerticalMenu .contentVerticalMenu ul.menu li:hover > ul {
        display: block;
    }

    .widgetVerticalMenu .contentVerticalMenu ul.menu li:last-child > a {
        border-bottom: none;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .boxCategory.postCategoryWidth .contentBoxCategory .postItem.bigItem .innerItem {
        height: 296px;
    }

    .tabs {
        height: 304px;
        overflow: hidden;
    }

    .carousel-item {
        height: 304px;
        background-color: #777;
    }

    .carousel-item > img {
        height: 304px;
    }

    .boxVideoAds {
        height: 304px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media only screen and (min-width: 320px) and (max-width: 479px) {
}