/*------------------------------------------------------------------
Table of contents

1. Small Desktop
2. Tablet Landscape
3. Tablet Portrait
4. Phone
5. Small Phone
-------------------------------------------------------------------*/


/* -------------------------------
   Small desktop
   ------------------------------- */

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

	
}  

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

    
}

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

    
}

/* -------------------------------
   Tablet Landscape
   ------------------------------- */



   
 @media (max-width: 768px){
.sitemap-navigation {
    display: -webkit-box;
    width: 800px;
    max-width: 100%;
    overflow-x: scroll;
    padding: 0;
} 
	 
 }

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

.sitemap-navigation {
    display: -webkit-box;
    width: 920px;
    max-width: 100%;
    overflow-x: scroll;
    padding: 0;
} 

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}
	
	
.menuzord-menu>li>a {
    font-size: 12px;
}
.menuzord-menu>li>a {
    line-height: 75px;
}
header .logo-brand img {
    height: 60px;
}


.login-box.gray-bg {
	margin-bottom: 20px;
}
.featured-item .title h4 {
    letter-spacing: 0px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-top: 0px;
    cursor: pointer;
    font-size: 13px;
}


}
  
@media screen and (max-width: 992px) {
.dropbtn {
    top: 22px;
}

}

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

.bs-hero.full-screen .carousel-inner .featured-item img {
    width: 100px;
    cursor: pointer;
    height: 100px;
}
.featured-item .title h4 {
    letter-spacing: 1px;
    font-size: 15px;
    margin: 0 0 10px 0;
}
   /* 
 .bs-hero.full-screen .carousel-inner .item img {
        height: 100vh;
        width: 100%;
    }
 */

}
@media (max-width: 991px) and (min-width: 768px){
.hidden-menu {
    display: none !important;
}
.dropbtn {
   
top: 0px;
    left: 0px;

}
.dropdown-content {
    /* 
TOP: 53PX;
    left: 60px;
 */
}

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

.mobile-menu-max-991{
display:block;

}

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

.feature-box-grid .retina1 {
    width: 220px;
    position: relative;
    left: 40px;
    top: 120px;
}
}
@media (max-width: 767px) and (min-width: 0px){

header.sticky .header-sticky, header.transparent-header {
    top: 0px;
}
header.sticky {
    top: 0;
}
}

/* -------------------------------
   Tablet Portrait
   ------------------------------- */


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

.page-content {
    padding: 100px 0;
    display: inline-block;
    width: 100%;
    margin: 180px 0;
}

    header {
        top:0;
    }
    .page-title{
        margin-top: 47px;
    }
    .menuzord-responsive.menuzord {
        padding: 0
    }
    .menuzord-responsive .logo-brand {
        font-size: 20px;
        line-height: 2.55;
    }
    .menuzord-responsive .showhide {
        margin: 0
    }
    .menuzord-responsive .menuzord-menu {
        width: 100%;
        float: left!important
    }
    .menuzord-responsive .menuzord-menu.scrollable {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
    .menuzord-responsive .menuzord-menu.scrollable>.scrollable-fix {
        display: block
    }
    .menuzord-responsive .menuzord-menu>li {
        width: 100%;
        display: block;
        position: relative
    }
    .menuzord-responsive .menuzord-menu>li>a {
        width: 100%;
        padding: 12px 20px;
        display: block;
        border-bottom: solid 1px #f0f0f0
    }
    .menuzord-responsive .menuzord-menu>li:first-child>a {
        border-top: solid 1px #f0f0f0
    }
    .menuzord-responsive .menuzord-menu ul.dropdown,
    .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
        width: 100%;
        left: 0;
        position: static;
        border: none;
        background: #fff;
        float: left
    }
    .menuzord-responsive .menuzord-menu ul.dropdown li {
        position: relative
    }
    .menuzord-responsive .menuzord-menu ul.dropdown li a {
        border-bottom: solid 1px #f0f0f0
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>a {
        padding-left: 40px!important
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>a {
        padding-left: 60px!important
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li>a {
        padding-left: 80px!important
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li:hover>a {
        /*padding-left: 50px!important*/
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li:hover>a {
        padding-left: 70px!important
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li:hover>a {
        padding-left: 90px!important
    }
    .menuzord-responsive .menuzord-menu li .indicator {
        width: 60px;
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 22px;
        text-align: center;
        line-height: 43px;
        border-left: solid 1px #f5f5f5
    }
    .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {
        height: 38px;
        right: 0;
        top: 0;
        font-size: 18px;
        line-height: 36px
    }
    .menuzord-responsive .menuzord-menu>li>.megamenu {
        width: 100%!important;
        left: 0!important;
        position: static;
        border-top: none;
        border-bottom: solid 1px #f0f0f0
    }
    .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row [class*=col] {
        float: none;
        display: block;
        width: 100%!important;
        margin-left: 0;
        margin-top: 15px
    }
    .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row,
    .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row:first-child [class*=col]:first-child {
        margin-top: 0
    }
    .menuzord-responsive .menuzord-menu>li.search form {
        width: 100%;
        margin: 4px 0;
        padding: 10px 16px!important
    }
    .menuzord-responsive .menuzord-menu>li.search form input[type=text],
    .menuzord-responsive .menuzord-tabs-content,
    .menuzord-responsive .menuzord-tabs-nav {
        width: 100%
    }

    #header.transparent-header .light-header,
    #header.transparent-header {
        background:rgba(25, 25, 25, 0.72) !important;
    }

    #header.transparent-header .dark-header  {
        background: rgba(10, 10, 10, 1) !important;
    }

    /*-------------------------*/
    /* Mneu items */
    /*-------------------------*/

    .menuzord-responsive .menuzord-menu > li > a{
        padding: 12px 20px !important;
        line-height: 20px;
    }
    /* Dropdown indicators */
    .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator{
        border: none;
    }
    /* Dropdown */
    .menuzord-responsive .menuzord-menu ul.dropdown,
    .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown{
        background: #fff;
    }
    /* Dropdown items */
    .menuzord-responsive .menuzord-menu ul.dropdown li a{
        border: none;
    }

    .light.menuzord-menu > li > a, .light.menuzord-menu > li > a > i, header .dark-header .menuzord-menu > li > a, header .dark-header .menuzord-menu > li > a > i {
        color: #333;
    }

    header.sticky .menuzord-menu>li>a {
        line-height: 20px;
    }


    header .logo-brand img, header.nav-center-align .logo-brand img {
        height: 50px;
    }


    header.transparent-header.sticky + #fullscreen-banner {
        margin-top: -50px;
    }

    header.transparent-header + #fullscreen-banner {
        margin-top: 0px;
    }

    header + #fullscreen-banner {
        margin-top: -50px;
    }

    .dark-header.header-bottom-border,
    .light-header.header-bottom-border {
        height: auto;
        border: none;
    }


    .menuzord-menu li .indicator i.fa-angle-down:before {
        content: "\f107";
    }

    /*----*/

    header {
        height: auto;
        position: fixed;
        z-index: 1200;
    }

    header .light-header {
        border-bottom: 1px solid #f5f5f5;
    }

    header li.nav-icon .indicator {
        display: block;
    }

    header li.nav-icon i {
        font-size: 22px;
    }

    .nav-center-align,
    .nav-block-left {
        text-align: left;
        position: fixed;
    }

    .nav-center-align.m-bot-10,
    .nav-center-align.m-bot-15,
    .nav-center-align.m-bot-20,
    .nav-center-align.m-bot-25,
    .nav-center-align.m-bot-30,
    .nav-center-align.m-bot-40,
    .nav-block-left.m-bot-10,
    .nav-block-left.m-bot-15,
    .nav-block-left.m-bot-20,
    .nav-block-left.m-bot-25,
    .nav-block-left.m-bot-30,
    .nav-block-left.m-bot-40

    {
        display: inline;
    }

    .nav-center-align .border-tb,
    .nav-block-left .border-tb {
        border: none;
    }

    header li.nav-icon i,
    .nav-center-align .menuzord-menu > li > a,
    header.nav-center-align li.nav-icon i,
    .nav-block-left .menuzord-menu > li > a,
    header.nav-block-left li.nav-icon i{
        line-height: 20px;
    }

    .top-ads {
        display: none;
    }

    .nav-block-left .menuzord-menu {
        height: auto;
    }


    .portfolio-filter li {
        display: inline-block;
        line-height: 40px;
    }


    ul.menuzord-menu {
        background: #fff;
    }

    .login-box.gray-bg {
        margin-bottom: 20px;
    }


    .feature-bg-box {
        margin-bottom: 50px !important;
    }

    header.nav-center-align .logo-brand img {
        height: 40px;
    }


    .boxed .wrapper,
    .boxed header.sticky,
    .boxed header.sticky .header-sticky,
    .boxed header.transparent-header {
        width: 100%;
    }

    .banner-box h1, .banner-title h1 {
        font-size: 30px;
    }

    .banner-box h3, .banner-title h3, h3 {
        font-size: 18px;
    }

    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 20px;
    }

    .b-lg-txt {
        font-size: 40px !important;
    }

    .post-single .post-desk {
        height: auto;
    }

    .nav-center-align .logo-brand, .nav-center-align .menuzord-menu, .nav-center-align .menuzord-menu > li {
        float: left;
    }

 .bs-hero.full-screen .carousel-inner .item .bs-info-center-hm {
    margin-left: 0%;
    width: 100%;
    right: 0%;
    left: 0;
    text-align: left;
    top: -100px;
}  
.bs-info-right h1, .bs-info-center h1 {
    font-size: 25px;
}
.dropbtn {
    top: 0px;
}

}

@media screen and (max-width: 767px) {
.contact-sec .container {
    top: 5%;
}
.dropbtn {
    top: 20px;
}
}
@media screen and (max-width: 767px) {

header .logo-brand img {
    height: 50px;
}
    .bs-hero.full-screen .carousel.slide .carousel-control {
        width: 30%;
        margin-top: 0px;
        margin-bottom: 0px;
    }


    .bs-hero.full-screen .carousel-inner .item .bs-info-center-hm {
        margin-left: 0%;
        width: 100%;
        right: 0%;
        left: 0;
        text-align: left;
            top: -100px;

    }
    .bs-hero.full-screen .carousel-inner .item .bs-info-center {
        margin-left: 0%;
        width: 100%;
        right: 0%;
        left: 0;
        text-align: center;
    }

    .bs-hero.full-screen .carousel-inner .item .bs-info-right {
        width: 100%;
    }


    .bs-hero.full-screen .carousel-inner .item .bs-info-right {
       /*  top: 45%; */
        right: 0%;
        left: 0;
        text-align: center;

    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    font-size: 30px;
	}
	.p-top-50 {
    padding-top: 20px;
}
.bs-hero.full-screen .carousel-inner .featured-item img {
    width: 80px;
    cursor: pointer;
        height: 80px;
}

.top-social-link a {
    
    padding: 8px 10px;
    width: 100%;
}
.dropdown-content {
    TOP: 50PX;
}
.bs-hero.full-screen .carousel-indicators {
   z-index: 0;
    bottom: 250px;
}
.contact-sec .container {
    top: 0;
}
}


/* -------------------------------
   Phone
   ------------------------------- */
  
@media screen and (max-width: 480px) {
.bs-info-right h1, .bs-info-center h1, .bs-info-center-hm h1 {
    font-size: 18px;
}
.bs-info-right p, .bs-info-center p, .bs-info-center-hm p{
    font-size: 15px;
    line-height: 20px;
}
.bs-hero.full-screen .carousel-inner .featured-item img {
    width: 60px;
    cursor: pointer;
        height: 60px;
}
.dropbtn {
    background: #fdcd2d;
    line-height: 30px;
    position: relative;
    top: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'GothamRnd-Medium';
    font-size: 12px;
    color: #000;
    BORDER: 0;
    PADDING: 0px 9PX;
}
.col-sm-4, .col-md-4, .col-lg-4, .col-xs-12{
    padding-right: 0;
    padding-left: 0;
}
.featured-item .title h4 {
    letter-spacing: 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-top: 0px;
    cursor: pointer;
    font-size: 10px;
}
#footer.dark, #footer a {
    float: left;
        font-size: 12px;

}
#footer.dark .secondary-footer {
    padding: 0px 0;

}
header.sticky .dropbtn {
    top: 13px;
}

}/* -------------------------------
   Small Phone
   ------------------------------- */
  
@media screen and (max-width: 479px) {


}