/* #Media Queries
================================================== */

@media (min-width:1200px) {
   .seq{
       height: 100vh !important;
   }
   .bg-wrap{
    background-attachment: fixed;
}

.blogpost .widget-area{
    padding-left: 80px;
}
}

@media (min-width:1025px) {
    .video-banner{
        background-image: none !important; 
    }
}

@media (max-width:1024px) {
    .video-banner video{
        display: none;
    }
}

@media (max-width:991px) {
    
    .nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
    .seq-canvas .container {
        width: 80%;
    }
    .service-wrap .title {
        font-size: 25px;
    }
    .subscribe-form {
        width: 60%;
    }
    .portfolio-wrap .element-item.visible {
        width: 33.33%;
    }
    .address li i {
        width: 10%;
    }

    .mini-container {
        width: 80%;
    }

    .content-area{
        margin-bottom: 50px;
    }

    .video-banner .caption{
        max-width: 100%;
    }

    .portfolio-navigation{
        right: 50%;
        -webkit-transform: translate3d(50%, 0, 0);
        -ms-transform: translate3d(50%, 0, 0);
        -o-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);

        width: 33.3333%;
    }

    .projects .col-md-8{
        margin-bottom: 50px;
    }

    .inner-page {
      padding-top: 140px;
  }

}




/* All Mobile Sizes (devices and browser) */

@media (max-width:767px) {
	
    h1, .h1{
        font-size: 30px;
    }
	.btn_box{ display:none;}
    .logo{width:250px; height:36px; float:left; overflow:hidden;}
	.sideIcon{ display:none}
	.carousel .carousel-indicators li.active {background-color: #fff;}
	.carousel-indicators .active {margin: 0; width: 6px; height: 6px;background-color: #ffffff;}
	.bottom-footer p{ color:#fff; font-size:12px;}
	.fullpart {padding: 50px 0; position: relative; }
	.anli_list dl dt:hover .code-mask {display:none;}
   .anli_list dl dt .code-mask .code {display:none;}
   .carousel .carousel-indicators li {width: 8px; height: 8px;}
   .carousel-indicators .active {width: 8px; height: 8px; }
    h2, .h2{
        font-size: 26px;
    }
    
    h3,.h3 {
        font-size: 24px;
    }

    h3 small {
        font-size: 16px;
    }

    h4, .h4{
        font-size: 18px;
		font-weight:bold;
    }

    h5, .h5, h6, .h6{
        font-size: 16px;
    }
    .black{
    	background:rgba(0, 0, 0, 1);
    }

    section{
        padding-top: 50px;
    }

    .page-header{
        margin-bottom: 50px;
    }

    nav.navbar{
    	padding: 10px 0;
    }
    .page-header h2 span {
        font-size: 30px;
        padding: 20px 0;
    }
    .navbar-brand {
        width: 130px;
    }
    .navbar-toggle {
        border: none;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: transparent;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background: #fff;
    }
    .navbar-collapse {
        border: none;
        box-shadow: none;
    }
    .seq-canvas .container {
        width: 100%;
    }
    .seq-canvas .title {
        font-size: 30px;
    }
    .seq-canvas .description p {
        font-size: 14px;
    }
    .seq-canvas .actions a {
        font-size: 13px;
        padding: 8px 15px;
    }

    .seq-pagination{
        top: auto;
        bottom: 0px;
        right: 50%;
        -webkit-transform: translate3d(50%, -50%, 0);
        -ms-transform: translate3d(50%, -50%, 0);
        -o-transform: translate3d(50%, -50%, 0);
        transform: translate3d(50%, -50%, 0);
    }

    .seq-pagination > li {
        display: inline-block;  
    }

    .seq-pagination li span{
        width: 20px;
        height: 5px;
    }


    .mini-container {
        width: 100%;
    }

    #video-wrap{
        height: auto;
    }

    .video-banner .content-overlay{
        padding: 100px 0;
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        z-index: 99;
    }


    #fullscreen-video .content-overlay{
        top: 50%;
        -webkit-transform: translate3d(0, -50%, 0);
        -ms-transform: translate3d(0, -50%, 0);
        -o-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    } 

    .video-banner .content-overlay .title-line h2, 
    .video-banner .content-overlay .title-words{
        font-size:26px;
        margin-bottom: 0;
    }

    .video-banner .content-overlay .title-line h2{
        margin-bottom: 0;
        line-height: 60px;
    }

    .video-banner .caption{
        max-width: 100%;
    }

    #filter {
        margin-left: 0;
    }
    #filter li{
        margin-bottom: 10px;
    }

    .portfolio-wrap .element-item.visible {
        width: 100%;
    }

    .project-title{
        padding-top: 80px;
    }

    .ipads img {
        width: 80%;
    }
    .service-wrap .col-md-4 {
        margin-bottom: 30px;
    }

    #testimonial-wrap {
        width: 100%;
    }
    .cta h4,
    .cta .col-md-3 {
        text-align: center;
    }
    .cta .btn {
        margin-top: 15px;
    }
    .contact-form {
        margin-bottom: 30px;
    }

    .socials{
        padding: 80px 0;
        margin-top: 30px;
    }
    .socials a {
        margin-bottom: 30px;
    }
    .subscribe-form {
        width: 100%;
    }
    .subscribe-form .form-control {
        height: 45px;
    }
    .subscribe-form input[type="submit"] {
        padding-bottom: 12px;
        padding-top: 11px;
    }

    .contact #message{
        margin-bottom: 50px;
    }
	    .navbar-default .navbar-nav > li{ height:39px; margin:0 auto; text-align:center}
}

@media (max-width: 479px){
    .logo{width:250px; height:36px; float:left; overflow:hidden;}
	.sideIcon{ display:none}
	.carousel .carousel-indicators li.active {background-color: #fff;}
	.carousel-indicators .active {margin: 0; width: 6px; height: 6px;background-color: #ffffff;}
	.bottom-footer p{ color:#fff; font-size:12px;}
	.fullpart {padding: 50px 0; position: relative; }
	.anli_list dl dt:hover .code-mask {display:none;}
   .anli_list dl dt .code-mask .code {display:none;}
   .carousel .carousel-indicators li {width: 8px; height: 8px;}
   .carousel-indicators .active {width: 8px; height: 8px; }
   .btn_box{ display:none;}
    .project-video iframe{
        height: 300px;
    }
    
    .portfolio-navigation{
        width: 66.66%;
    }

    .bottom-footer{
        font-size: 11px;
    }

    .blogpost .postBy a{
        margin-left: 0;
    }

    .blogpost .postBy img{
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .blogpost .cover-content {
      bottom: 10px;
      left: 10px;
      right: 10px;
      top: 10px;
  }

  .blogpost .cover-content .post-tag a{
    font-size: 11px;
}

.blogpost .cover-content .meta{
    display: none;
}

    .navbar-default .navbar-nav > li{ height:39px; margin:0 auto; text-align:center}
}

@media (max-width: 349px){
    .logo{width:250px; height:36px; float:left; overflow:hidden;}
	.btn_box{ display:none;}
	.sideIcon{ display:none}
	.carousel .carousel-indicators li.active {background-color: #fff;}
	.carousel-indicators .active {margin: 0; width: 6px; height: 6px;background-color: #ffffff;}
	.bottom-footer p{ color:#fff; font-size:12px;}
	.fullpart {padding: 50px 0; position: relative;}
	.anli_list dl dt:hover .code-mask {display:none;}
   .anli_list dl dt .code-mask .code {display:none;}
   .carousel .carousel-indicators li {width: 8px; height: 8px;}
   .carousel-indicators .active {width: 8px; height: 8px; }
    .video-banner .content-overlay .title-line h2{
        line-height: 40px;
    }
    
    .video-banner .content-overlay .title-words{
        min-height: 60px;
        display: block;
        clear: both;
    }
	.navbar-default .navbar-nav > li{ height:39px; margin:0 auto; text-align:center}
}