/* Large Devices Styles Starts */

@media (min-width: 1200px) {
	.listproducts{
	  display: block !important;
	}
	.orderlist{
	  display: block !important;
	}
    #cat-bar.stick{
      position: fixed;
      top: 130px;
      z-index: 100;
      width: 185px;
    }
}

/* Medium Devices Styles Starts */

@media (min-width: 992px) and (max-width: 1199px) {
	.listproducts{
	  display: block !important;
	}
	.orderlist{
	  display: block !important;
	}
    #cat-bar.stick{
      position: fixed;
      top: 130px;
      z-index: 100;
      width: 155px;
    }
}

/* Small Devices Styles Starts */

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

	#order-bar.stick{
	  position: fixed;
	  top: 60px;
	  z-index: 100;
	  width: 250px;
	  padding: 0;
	}
	.listproducts{
	  display: block !important;
	}
	.orderlist{
	  display: block !important;
	}
	.footer {
  	  position: fixed;
  	  z-index: 101;
	}

    #cat-bar.stick{
      position: fixed;
      top: 130px;
      z-index: 100;
      width: 120px;
    }
}

/* Extra Small Devices Styles Starts */

@media (max-width: 767px) {
	#order-bar.stick{
	  position: relative;
	  top: 0;
	  z-index: 100;
	  width: 100%;
	  padding: 0;
	}
	.footer {
  	  position: fixed;
  	  z-index: 101;
	}
	.loginbtn {
	    display: block !important;
	}
	.cartbtn {
	    display: block !important;
	}
	.footer {
    height: 60px;
	}
}

/* ----- Media queries ----- */

@media (min-width: 980px) and (max-width: 1200px) {
    .flex-caption {
        max-width: 700px;
    }

    .what-we-do .service p, .ourlocation .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

}

@media (min-width: 768px) and (max-width: 979px) {
	.slidewtop .work {
		padding-bottom: 0px;
	}
    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
	.header-border {
        border-top: 2px solid #808080;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 97px;
	}
    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .flex-caption {
        max-width: 500px;
    }

    .what-we-do .service p, .ourlocation .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

}

@media (max-width: 767px) {
	
	.sideslide  .slider {
	float:none;
	}
    body {
        padding-left: 0;
        padding-right: 0;
    }
	.header-border {
		margin-top: 0px;
		margin-bottom: 4px;
		border-top: 2px solid #808080;
	}
    .slider, .what-we-do, .ourlocation {
        padding: 0 20px;
    }

    .what-we-do {
        margin-top: 30px;
    }

    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .flex-caption {
        display: none;
    }

    .presentation, footer, .testimonials {
        padding-left: 20px;
        padding-right: 20px;
    }

    .presentation p {
        line-height: 30px;
    }

    .what-we-do .service p, .ourlocation .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .what-we-do .service .icon-awesome {
        padding-top: 10px;
    }

    .page-title p {
        display: block;
        margin-top: 10px;
        margin-left: 20px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

    .ourlocation-page {
        padding-bottom: 50px;
    }

    .tweet_list {
        height: 6em;
    }

}

@media (max-width: 480px) {
    .orderlist{
      display: none;
    }
    .tweet_list {
        height: 10em;
    }
	.header-border {
		margin-top: 0px;
		margin-bottom: 1px;
		border-top: 1px solid #808080;
	}
    .navbar-header{
    height: 62px;    
    }
    a.brand {
        background: url("../img/logom.png") no-repeat scroll 28px center rgba(0, 0, 0, 0) !important;
        background-size: 130px 60px !important;
        display: inline-block;
        height: 61px !important;
        top: 0px !important;
        padding: 0 auto !important;
        text-indent: -9999px;
        width: 320px !important;
        position: absolute;

    }
}