/*
  Attention: This file is not an official part of twitter bootstrap, but it contains few overrides of media queries. 
  The most important change (while keeping twitter bootstrap's responsive functionality) 
  is that it restricts .container class of this template to be at most 960px wide.

  Comment the forst section to allow sizes wider than 960px.

*/
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #CED1D2;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 1200px) {
    .row {
        margin-left: -20px;
        *zoom: 1;
    }

    .row:before,
    .row:after {
        display: table;
        content: "";
    }

    .row:after {
        clear: both;
    }

    [class*="span"] {
        float: left;
        margin-left: 20px;
    }

    .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
    }

    .wrap,
    .navbar-fixed-top .wrap,
    .navbar-fixed-bottom .wrap {
        width: 940px;
    }
    .navbar .brand {
        text-shadow: none !important;
        padding-top: 17px;
        color: #CED1D2;
        display: none;
		*display: none;
    }

    .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 940px;
    }

    .span12 {
        width: 940px;
    }

    .span11 {
        width: 860px;
    }

    .span10 {
        width: 681px;
    }

    .span9 {
        width: 700px;
    }

    .span8 {
        width: 620px;
    }

    .span7 {
        width: 540px;
    }

    .span6 {
        width: 460px;
    }

    .span5 {
        width: 380px;
    }

    .span4 {
        width: 300px;
    }

    .span3 {
        width: 220px;
    }

    .span2 {
        width: 239px;
    }

    .span1 {
        width: 60px;
    }

    .offset12 {
        margin-left: 980px;
    }

    .offset11 {
        margin-left: 900px;
    }

    .offset10 {
        margin-left: 820px;
    }

    .offset9 {
        margin-left: 740px;
    }

    .offset8 {
        margin-left: 660px;
    }

    .offset7 {
        margin-left: 580px;
    }

    .offset6 {
        margin-left: 500px;
    }

    .offset5 {
        margin-left: 420px;
    }

    .offset4 {
        margin-left: 340px;
    }

    .offset3 {
        margin-left: 260px;
    }

    .offset2 {
        margin-left: 180px;
    }

    .offset1 {
        margin-left: 100px;
    }

    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before,
    .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.127659574%;
        *margin-left: 2.0744680846382977%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.99999998999999%;
        *width: 99.94680850063828%;
    }

    .row-fluid .span11 {
        width: 91.489361693%;
        *width: 91.4361702036383%;
    }

    .row-fluid .span10 {
        width: 82.97872339599999%;
        *width: 82.92553190663828%;
    }

    .row-fluid .span9 {
        width: 74.468085099%;
        *width: 74.4148936096383%;
    }

    .row-fluid .span8 {
        width: 65.95744680199999%;
        *width: 65.90425531263828%;
    }

    .row-fluid .span7 {
        width: 57.446808505%;
        *width: 57.3936170156383%;
    }

    .row-fluid .span6 {
        width: 48.93617020799999%;
        *width: 48.88297871863829%;
    }

    .row-fluid .span5 {
        width: 40.425531911%;
        *width: 40.3723404216383%;
    }

    .row-fluid .span4 {
        width: 31.914893614%;
        *width: 31.8617021246383%;
    }

    .row-fluid .span3 {
        width: 23.404255317%;
        *width: 23.3510638276383%;
    }

    .row-fluid .span2 {
        width: 14.89361702%;
        *width: 14.8404255306383%;
    }

    .row-fluid .span1 {
        width: 6.382978723%;
        *width: 6.329787233638298%;
    }

    input,
    textarea,
    .uneditable-input {
        margin-left: 0;
    }

    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 910px;
    }

    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 830px;
    }

    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 750px;
    }

    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 670px;
    }

    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 590px;
    }

    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 510px;
    }

    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 430px;
    }

    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 350px;
    }

    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 270px;
    }

    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 190px;
    }

    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 110px;
    }

    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 30px;
    }

    .thumbnails {
        margin-left: -20px;
    }

    .thumbnails > li {
        margin-left: 20px;
    }

    .row-fluid .thumbnails {
        margin-left: 0;
    }
}

@media (max-width: 979px) {
    .slider1-item .slider1-text .excerpt{
        display: none !important;
    }
    .navbar .brand{
        display: none;
    }
}

/*
  Rules for resolutions between 768 and 979px
*/

@media (min-width: 768px) {
    .navbar .btn-navbar {
        display: none;
    }
    .navbar .brand{
        display: none;
    }
    .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
    }

    /** header slider */
    .header-slider .img-description, .header-slider .img-description h2, .header-slider .img-description h3 {
        font-size: 90%;
    }

    .header-slider .btn {
        min-width: auto !important;
        font-size: 11.9px !important;
        padding: 2px 10px !important;
    }
}

/*
  Rules for resolutions below 768px
*/

@media (max-width: 767px) {
    #site-title {
        margin: 10px 0 0 35%;
    }

    body {
        padding: 0px;
        margin: 0px;
    }

    /* padding on screen sides */
    #content, .head-line, #footer .container, #footer-box .container, .wallpap-1 .container {
        padding: 0px 12px;
    }
    .container {
        width: auto !important;
    }

    .subtitle{
        padding-bottom: 0px !important;
    }

    #footer-box{
        background-image: none;
    }

    #searching {
        height: auto;
        padding: 10px 0px 0px 0px;
        margin: 0px;
    }

    #searching #searchform {
        position: relative;
        top: 0px;
        text-align: left;
    }

    #searching #s {
        float: none;
    }

    .slider1-item .slider1-text{
        padding-left: 20px !important;
    }
    .slider1-item .slider1-text .excerpt{
        display: block !important;
    }

    .form-main input {
        width: 92%;
        padding-left: 2%;
        padding-right: 2%;
    }

    /* separate span* classes horizontally */
    [class*="span"] {
        margin-bottom: 10px;
    }
    .right{
        text-align: left !important;
    }

    /** header slider */
    .header-slider .img-description, .header-slider .img-description h2, .header-slider .img-description h3 {
        display: none;
    }

	/* ALTERNATIVE 1 */
	.nav-collapse .nav-responsive{
		display: block;
	}

    .navbar {
        float: left;
        width: 100%;
        padding: 0;
    }
    
    .navbar .brand {
        text-shadow: none !important;
        padding-top: 17px;
        color: #CED1D2;
		display: none; /* ALTERNATIVE 1 */
        /*display: block; ALTERNATIVE 2*/
    }

	/* ALTERNATIVE 1 */
	.navbar .btn-navbar {
		display: none;
	}

    .nav-collapse {
        clear: both;
    }

    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px;
		display: none !important; /* ALTERNATIVE 1*/
    }

	/** ALTERNATIVE 2 */
    .nav-collapse .nav > li {
        float: none !important;
        height: auto !important;
    }

    .nav-collapse .nav > li > a {
        margin-bottom: 2px;
        padding: 5px 0px !important;
    }

    .nav-collapse .nav > li > a .caret {
        display: inline-block !important;
    }

    .nav-collapse .nav > .divider-vertical {
        display: none;
    }

    .nav-collapse .nav .nav-header {
        color: #777777;
        text-shadow: none;
    }

    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        padding: 9px 15px;
        font-weight: bold;
        color: #777777;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .nav-collapse .nav > li.current-menu-ancestor a, 
    .nav-collapse .nav > li.current_page_item a, 
    .nav-collapse .nav > li.current_page_ancestor a,
    .nav-collapse .nav > li.current-menu-item a {
        border: 0px none !important;
    }

    .nav-collapse .btn {
        padding: 4px 10px 4px;
        font-weight: normal;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .nav-collapse .dropdown-menu li + li a {
        margin-bottom: 2px;
    }

    .nav-collapse .nav > li > a:hover,
    .nav-collapse .nav > li > a:focus,
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .dropdown-menu a:focus {
        background-color: #f2f2f2;
    }

    .nav-collapse.in .btn-group {
        padding: 0;
        margin-top: 5px;
    }

    .nav-collapse .dropdown-menu {
        position: static !important;
        top: auto !important;
        left: auto !important;
        display: none;
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 15px !important;
        background: none !important;
        background-color: transparent !important;
        border: none !important;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .nav-collapse .dropdown-menu li {
        background: none !important;

    }

    .nav-collapse .nav > li:hover .dropdown-menu {
        display: none !important;
    }

    .nav-collapse .nav > li.open:hover .dropdown-menu {
        display: block !important;
    }

    .nav-collapse .open > .dropdown-menu {
        display: block !important;
    }

    .nav-collapse .dropdown-menu:before,
    .nav-collapse .dropdown-menu:after {
        display: none;
    }

    .nav-collapse .dropdown-menu .divider {
        display: none;
    }

    .nav-collapse .nav > li > .dropdown-menu:before,
    .nav-collapse .nav > li > .dropdown-menu:after {
        display: none;
    }

    .navbar .nav li.dropdown.open > .dropdown-toggle,
    .navbar .nav li.dropdown.active > .dropdown-toggle,
    .navbar .nav li.dropdown.open.active > .dropdown-toggle {
        background: none;
    }

    .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
        border-bottom-color: #C9AB8B !important;
        border-top-color: #C9AB8B !important;
    }

    .nav-collapse,
    .nav-collapse.collapse {
        height: auto; /* ALTERNATIVE 1 */
		/* height: 0;  ALTERNATIVE 2 */
        overflow: hidden;
    }
	/* /ALTERNATIVE 2 */

    .navbar .navbar-inner {
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 20px;
        background: #4b5757 !important;
    }

    .nav-collapse .nav li ul:after, .nav-collapse .nav li ul:before {
        display: none !important;
    }

    .nav-collapse .nav li.dropdown.open ul {
        margin: 0px 0px 0px 10px !important;
    }

    .pricing-table {
        border: 1px solid #E3E6E8;
    }
}

@media (max-width: 480px) {
    .slider1-item .slider1-text .excerpt{
        display: block !important;
    }

	/* ALTERNATIVE 1 */
	.nav-collapse .nav-responsive{
		display: block;
	}

    .navbar .btn-navbar {
		display: none; /* ALTERNATIVE 1 */
        /* display: block; ALTERNATIVE 2 */
    }

    .nav-collapse {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@media (max-width: 260px) {
    .navbar .brand{
        display: none;
    }
    .slider1-item .slider1-text .excerpt{
        display: block !important;
    }
    .header-slider .btn {
        min-width: auto !important;
        font-size: 10.5px !important;
        padding: 0 6px !important;
    }

    /** pricing tables */
    #pricing_plan4, #pricing_plan3, #pricing_plan2, #pricing_plan1 {
        width: 50%;
    }

    .plan_title {
        width: auto;
        float: none;
        border-radius: 3px 3px 0 0;

    }

    .plan > .pt-item {
        padding: 10px 5px !important;
        height: auto;
        opacity: 1;
        filter: alpha(opacity=1); /* IE6-IE8 */
        -webkit-transition: opacity 0.9s ease-in-out;
        -moz-transition: opacity 0.9s ease-in-out;
        -o-transition: opacity 0.9s ease-in-out;
        -ms-transition: opacity 0.9s ease-in-out;
        transition: opacity 0.9s ease-in-out;
    }

} 