/*=================================================================
SMACC Documentation - Resposnive Styles
=================================================================*/
/*-----------------------------------------------------------------
Min 1600px
-----------------------------------------------------------------*/
@media (min-width:1600px) {
    .container {
        max-width: 1600px;
        width: 100%;
    }
}


/*-----------------------------------------------------------------
Max 1599px
-----------------------------------------------------------------*/
@media (max-width:1599px) {
    .container {
        width: 99%;
    }
}


/*-----------------------------------------------------------------
Min 1200px
-----------------------------------------------------------------*/
@media (min-width:1200px) {
    .doc-article-inner {
        padding-left: 50px;
        padding-right: 50px;
    }

    .image-modal .modal-dialog {
        width: 1100px;
    }

    .video-modal .modal-dialog {
        width: 1000px;
    }

    .video-modal .modal-dialog iframe {
        height: 561px;
    }

}

@media (min-width:1280px) {
    .home-boxes .home-single-box .home-box-categories ul li {
        margin-right: 5px;
        width: 48%;
    }
}


/*-----------------------------------------------------------------
Max 1199px
-----------------------------------------------------------------*/
@media (max-width:1199px) {

}

@media (min-width:992px) and (max-width:1199px) {
	
}

/*-----------------------------------------------------------------
Min 992px
-----------------------------------------------------------------*/
@media (min-width:992px) {
    
}


/*-----------------------------------------------------------------
Max 991px
-----------------------------------------------------------------*/
@media (max-width:991px) {
    .doc-article-author-meta {
        margin-bottom: 0px;
    }
	.article-video {
        margin-bottom: 0px;
    }
}


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

/*-----------------------------------------------------------------
Min 768px
-----------------------------------------------------------------*/
@media (min-width:768px) {
	
}


/*-----------------------------------------------------------------
Max 767px
-----------------------------------------------------------------*/
@media (max-width:767px) {
    .home-slider {
        padding: 80px 10px 0 10px;
    }
    .home-slider h1 {
        font-size: 30px;
        margin-bottom: 0;
    }
    .responsiveSelectContainer,
    .responsiveSelectContainer option,
    option {
        font-size: 13px !important;
    }
    .custom-navigation {
        border-bottom: 0;
        height: 50px;
    }
    form.search-form.list-item-filter-plugin {
        display: none;
    }
    .sidebar-navigation .nice_navigation {
        margin-top: 0;
    }
    .custom-breadcrumbs {
        display: none;
    }
    .doc-article-inner {
        margin-top: 70px;
    }
    .archive .doc-article-inner {
        margin-top: 0px;
        margin-bottom: 0;
    }
    .doc-article h1.article-heading {
        font-size: 30px;
    }
    .doc-article-inner h2 {
        font-family: 'SegoeUI';
        font-size: 20px;
        margin-top: 15px;
    }
    .sidebar-buttons-list {
        display: none;
    }
    .sidebar-navigation {
        background-color: #fff;
        -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
        top: 40px !important;
        width: 100% !important;
        left: 0px !important;
        padding-bottom: 2px;
        padding-top: 5px;
    }
    .sidebar-navigation .nice_navigation {
        padding-left: 20px;
        padding-right: 20px;
    }
    .sidebar-navigation .nice_navigation .responsiveSelectContainer {
        
    }
    .sidebar-navigation select.responsiveMenuSelect {
        padding-top: 3px;
        padding-bottom: 3px;
    }
    a.custom-logo i {
        font-size: 55px;
    }
}

/*-----------------------------------------------------------------
Max 600px
-----------------------------------------------------------------*/
@media (max-width:600px) {
	
}


/*-----------------------------------------------------------------
Max 479px
-----------------------------------------------------------------*/
@media (max-width:479px) {
	
}


/*-----------------------------------------------------------------
Max 360px
-----------------------------------------------------------------*/
@media (max-width:360px) {
	
}


/*-----------------------------------------------------------------
Max 320px
-----------------------------------------------------------------*/
@media (max-width:320px) {
	
}


/*-----------------------------------------------------------------
Min 750px
-----------------------------------------------------------------*/
@media (min-height:750px) {
	.home-boxes {
        margin-top: 100px;
        margin-bottom: 70px;
    }
    
    .sidebar-navigation .nice_navigation {
        max-height: 700px;
    }
}