/*------------------------------------------------------------------
[Table of contents]

	- Between 1170px - 11510px
	- Between 1170px - 1470px
	- Between 992px - 1170px
	- Between 768px - 991px
	- Between 600px - 767px
	- Between 480px - 599px
	- Between 320px - 479px

- Author:  Andrey Sokoltsov
- Profile:	http://themeforest.net/user/andreysokoltsov

-------------------------------------------------------------------*/
/*1170-11510*/
@media screen and (max-width:1510px){

    
}
/*1170-11510*/

/*1170-1470*/
@media screen and (max-width:1470px){

}
/*1170-1470*/

/*992-1170*/
@media screen and (max-width:1199px){
    #topHeader p {

        font-size: 13px;
    }
    #topHeader .lead {
        margin-top: 6px;
        margin-bottom: 3px;
    }
    .navbar-form .form-control {
        display: inline-block;
        vertical-align: middle;
        width: 150px;
    }
    .roundabout-holder {
        width: 960px;
    }
    .categoryItem .btn {
        font-size: 12px;
    }
}
/*992-1170*/

/*768-991*/

@media screen and (max-width:991px){
    #topHeader p span {
        font-size: 16px;
    }
    #mainHeader .lead {
        font-size: 18px;
    }
    #mainHeader .logo img {
        max-width: 220px;
        margin-top: 10px;
    }
    #mainHeader .search h4 {
        margin: 0 0 0 15px;
    }
    #mainHeader .search .navbar-form {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }
    #mainHeader .navbar-form .form-control {
        display: inline-block;
        vertical-align: middle;
        width: 130px;
    }
    #mainHeader .search .btn-round {
        padding: 10px 14px;
        margin-left: 10px;
    }
    .roundabout-holder {
        width: 80%;
    }
    .navbar-header {
        text-align: center;
    }
    .navbar-toggle {
        position: relative;
        float: none;
        padding: 9px 10px;
        margin-top: 8px;
        margin-left: 15px;
        margin-bottom: 8px;
        background-image: none;
        border-radius: 4px;
        border: 1px solid #ccc;
        width: 94%;
        /* color: thistle; */
    }
    .navbar-mainmenu .nav>li>a {
        font-size: 13px;
    }
    .navbar-mainmenu .nav>li {
        background-image: none;
    }
    .ms2_product .col-md-7 ul {
        margin-left: 15px;
    }
}
/*768-991*/

/*740-767*/
@media screen and (max-width:767px){
    #topHeader p span {
        font-size: 16px;
    }
    #mainHeader .lead {
        font-size: 18px;
    }

    #mainHeader .logo img {
        max-width: 220px;
        margin-top: 10px;
    }
    #mainHeader .search .navbar-form {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }
    #mainHeader .navbar-form .form-control {
        display: inline-block;
        vertical-align: middle;
        width: 130px;
    }
    #mainHeader .search .btn-round {
        padding: 10px 14px;
        margin-left: 10px;
    }
    .jumbotron>.container {
        width: 750px;
    }
    .roundabout-holder {
        height: 410px;
        width: 1140px;
    }

}
/*740-767*/

/*600-740*/
@media screen and (max-width:740px){
    #topHeader p span {
        font-size: 16px;
    }
    #topHeader .lead {
        text-align: center;
    }
    #topHeader .text-right {
        text-align: center;
    }
    #mainHeader .lead {
        font-size: 18px;
        margin-top: 10px;
        text-align: center;
    }
    #mainHeader .logo {
        text-align: center;
    }
    #mainHeader .logo img {
        margin-left: auto;
        margin-right: auto;
        max-width: 380px;
        margin-top: 10px;
    }
    #mainHeader .search {
        margin-top: 20px;
        text-align: center;
    }
    #mainHeader .search h4 {
        float: left;
        margin-left: 55px;
        line-height: 61px;
    }
    #mainHeader .search .navbar-form {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        width: auto;
    }
    #mainHeader .navbar-form .form-group {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 5px;

    }
    #mainHeader .navbar-form .form-control {
        display: inline-block;
        vertical-align: middle;
        width: 330px;
    }
    #mainHeader .search .btn-round {
        padding: 10px 14px;
        margin-left: 10px;
        margin-top: -5px;
    }
    .roundabout-holder {
        width: 80%;
    }
}
/*480-599*/


/*480-599*/
@media screen and (max-width:599px){
    #topHeader p span {
        font-size: 16px;
    }
    #mainHeader .lead {
        font-size: 18px;
        margin-top: 10px;
        text-align: center;
    }
    #mainHeader .logo {
        text-align: center;
    }
    #mainHeader .logo img {
        max-width: 380px;
        margin-top: 10px;
    }
    #mainHeader .search {
        margin-top: 20px;
        text-align: center;
    }
    #mainHeader .search h4 {
        float: none;
        margin: 0;
        line-height: 1.2;
    }
    #mainHeader .search .navbar-form {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        width: auto;
    }
    #mainHeader .navbar-form .form-group {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 5px;

    }
    #mainHeader .navbar-form .form-control {
        display: inline-block;
        vertical-align: middle;
        width: 200px;
    }
    #mainHeader .search .btn-round {
        padding: 10px 14px;
        margin-left: 10px;
        margin-top: -5px;
    }
    .roundabout-holder {
        width: 80%;
    }
}
/*480-599*/

/*380-479*/
@media screen and (max-width:479px){
    #topHeader p {
        text-align: center;
        font-size: 13px;
    }
    #topHeader .lead {
        font-size: 15px;
    }
    #mainHeader .logo img {
        width: 100%;
        margin-top: 10px;
    }
    #mainHeader .lead {
        font-size: 18px;
    }
    #mainHeader .search {
        margin-top: 20px;
        text-align: center;
    }
    #mainHeader .search .navbar-form {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }
    #mainHeader .navbar-form .form-control {
        display: inline-block;
        vertical-align: middle;
        width: 290px;
    }
    #mainHeader .search .btn-round {
        padding: 10px 14px;
        margin-left: 10px;
        margin-top: -5px;
    }
    .roundabout-holder {
        height: 144px;
        width: 400px;
    }
    .roundabout-moveable-item {
        height: 144px;
        width: 400px;
        cursor: pointer;
    }
}
/*360-380*/
@media screen and (max-width:380px){
    #topHeader p {
        text-align: center;
        font-size: 13px;
    }
    #topHeader .lead {
        font-size: 15px;
    }
    #topHeader .text-right span {
        font-size: 18px;
    }
    #mainHeader .logo img {
        width: 100%;
        margin-top: 10px;
    }
    #mainHeader .lead {
        font-size: 18px;
    }
    #mainHeader .search .navbar-form {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }
    #mainHeader .navbar-form .form-control {
        display: inline-block;
        vertical-align: middle;
        width: 250px;
    }
    #mainHeader .search .btn-round {
        padding: 10px 14px;
        margin-left: 10px;
        margin-top: -5px;
    }
    .roundabout-holder {
        width: 80%;
    }
}
/*320-360*/
@media screen and (max-width:360px){
    #topHeader p {
        text-align: center;
        font-size: 13px;
    }
    #topHeader .lead {
        font-size: 15px;
    }
    #topHeader .text-right span {
        font-size: 18px;
    }
    #mainHeader .logo img {
        width: 100%;
        margin-top: 10px;
    }
    #mainHeader .lead {
        font-size: 18px;
    }
    #mainHeader .search .navbar-form {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }
    #mainHeader .navbar-form .form-control {
        display: inline-block;
        vertical-align: middle;
        width: 230px;
    }
    #mainHeader .search .btn-round {
        padding: 10px 14px;
        margin-left: 10px;
        margin-top: -5px;
    }
    .roundabout-holder {
        width: 80%;
    }
}
/*280-320*/
@media screen and (max-width:320px){
    #topHeader p {
        text-align: center;
        font-size: 13px;
    }
    #topHeader .lead {
        font-size: 15px;
    }
    #mainHeader .logo img {
        width: 100%;
        margin-top: 10px;
    }
    #topHeader .text-right span {
        font-size: 15px;
    }
    #mainHeader .lead {
        font-size: 18px;
    }
    #mainHeader .search .navbar-form {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }
    #mainHeader .navbar-form .form-control {
        display: inline-block;
        vertical-align: middle;
        width: 200px;
    }
    #mainHeader .search .btn-round {
        padding: 10px 14px;
        margin-left: 10px;
        margin-top: -5px;
    }
    .roundabout-holder {
        width: 80%;
    }
}