/*
 *
 * Media queries for responsive 
 *
 */
@media only screen and (max-width: 960px) {
  #stylebox {
    display: none;
  }
  .header {
    height: 224px;
  }
  .header .logo {
    left: 50%;
    margin-left: -65px;
  }
  .header > .in,
  .header > .moreinfo,
  .header > .moreinfo > .in {
    width: 100%;
  }
  .mainnav {
    text-align: center;
    padding-top: 117px;
  }
  .mainnav > ul {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: table;
    *display: inline;
    *zoom: 1;
  }
  .magazine {
    width: 95%;
    margin: 0 auto;
  }
  .inFlow {
    width: 100%;
  }
  .sliderhome {
    width: 100%;
    height: auto;
  }
  .sliderhome article {
    width: auto;
    height: auto;
  }
  .sliderhome article > header {
    bottom: 45px;
    left: 10px;
  }
  .sliderhome article img {
    width: 100%;
    height: auto;
  }
  .sliderhome .in {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  .rs-wrap .description {
    bottom: 45px;
    left: 10px;
  }
  .bottomWrap .in,
  .footer .in {
    width: 95%;
  }
  .sidebar {
    width: 30%;
  }
  .tabsSide > ul {
    width: 99%;
  }
  .tabsSide > ul > li {
    float: none;
    width: 100%;
  }
  .tabsSide > div > ul {
    width: 100%;
  }
  .tabsSide figure {
    display: none;
  }
  .archive,
  .magazine {
    width: 95%;
  }
  .archive > .posts,
  .magazine > .posts {
    width: 66%;
    overflow: hidden;
  }
  .archive > .posts .twocools,
  .magazine > .posts .twocools {
    width: 100%;
  }
  .archive .block6,
  .magazine .block6 {
    width: 100%;
  }
  .archive .block6 > figure,
  .magazine .block6 > figure {
    width: 100%;
  }
  .archive .block6.size2,
  .magazine .block6.size2,
  .archive .block6.size4,
  .magazine .block6.size4 {
    padding-left: 0;
  }
  .archive .block6.size3,
  .magazine .block6.size3,
  .archive .block6.size4,
  .magazine .block6.size4 {
    width: 40%;
    padding-right: 0;
  }
  .archive .block6.size3 > figure,
  .magazine .block6.size3 > figure,
  .archive .block6.size4 > figure,
  .magazine .block6.size4 > figure {
    width: 100%;
  }
  .archive .onecool,
  .magazine .onecool {
    width: 30%;
  }
  .archive .onecool .block6,
  .magazine .onecool .block6 {
    width: 100%;
  }
  .archive .portfolio,
  .magazine .portfolio {
    width: 100%;
  }
  .archive #isotope,
  .magazine #isotope {
    width: 100%;
    margin: 0 auto;
  }
  .archive .posts2 .twocools,
  .magazine .posts2 .twocools,
  .archive .posts2,
  .magazine .posts2 {
    width: 100%;
  }
  .archive > .portfolio,
  #isotope {
    width: 100%;
  }
  .single > img,
  .single > figure > img {
    width: 100%;
    height: auto;
  }
  .single .featuredImg {
    width: 100%;
    height: auto;
  }
  .single .featuredImg > img {
    min-width: 0;
  }
  .comments li {
    padding-left: 72px;
  }
  .comments li img {
    width: 54px;
    height: 54px;
  }
  #commentForm .inputsrow {
    width: 100%;
  }
  #commentForm .inputicon {
    width: 30%;
  }
  #commentForm .inputicon > input {
    width: 55%;
  }
  #commentForm .commenttext {
    width: 95%;
  }
  #commentForm .commenttext > textarea {
    width: 90%;
  }
  #commentForm input[type=submit] {
    float: left;
  }
  .mapcont,
  #mapcont {
    width: 100%;
  }
  .contacts {
    width: 95%;
  }
  .contacts .single {
    width: 68%;
  }
  .contacts .sidebar {
    width: 30%;
  }
  .team-page > .text {
    width: 60%;
  }
  .team-page > .img {
    width: 35%;
  }
  .team-page > .img > img {
    width: 100%;
    height: auto;
  }
  .team-page > .text2 {
    width: 55%;
  }
  .teamList {
    width: auto;
  }
  .teamList li {
    display: inline-block;
    float: none;
    padding-right: 0;
    margin: 0 10px 10px 10px;
  }
  .price-table {
    padding-bottom: 10px;
  }
  .priceUl,
  .priceUl.middle {
    float: none;
    width: 99%;
    margin: 0 0 10px 0;
  }
  .work-page > .text {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .work-page > .text .view {
    margin-top: 20px;
  }
  #workSlide {
    width: 100%;
    float: none;
  }
  #workSlide > .slider,
  #workSlide a {
    display: block;
    width: 100%;
  }
  #workSlide img {
    width: 100%;
  }
  #featured {
    width: 100%;
  }
  #featured .block7 {
    width: 227px;
  }
  .magazine .block8 li {
    width: 100%;
    height: 60px;
    padding: 10px 0;
    background-color: #f7f7f7;
    margin-bottom: 10px;
  }
  .magazine .block8 h3 {
    height: auto;
    max-height: 32px;
  }
  .magazine .block8 time,
  .magazine .block8 h3 {
    width: 60%;
  }
  .magazine .block8 figure {
    margin-left: 10px;
  }
  .dark .magazine .block8 li {
    background-color: #494949;
  }
  #magazineSlider {
    width: 100%;
  }
  #magazineSlider img,
  #magazineSlider article,
  #magazineSlider .slider {
    width: 100%;
    height: auto;
  }
  #magazineSlider article header {
    bottom: 40px;
  }
  .page-navi {
    bottom: 0;
  }
  .block9 figure {
    width: 23%;
    height: auto;
    margin-right: 2%;
  }
  .block9 img {
    width: 100%;
  }
  .block9 .text {
    width: 75%;
  }
}
@media only screen and (max-width: 880px) {
  .info {
    margin-top: 30px;
  }
  .author-bio > ul > li > a {
    text-indent: -99999px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 0 0 38px;
  }
}
@media only screen and (max-width: 800px) {
  .grid .one-four,
  .grid .three-four {
    width: 48%;
    margin-right: 4%;
  }
  .grid .one-four:nth-child(2n),
  .grid .three-four:nth-child(2n) {
    margin-right: 0;
  }
  .grid .one-four:nth-child(2),
  .grid .three-four:nth-child(2),
  .grid .one-four:first-child,
  .grid .three-four:first-child {
    padding-bottom: 30px;
  }
  .grid .two-four {
    width: 100%;
    float: none;
    margin: 0;
    padding-bottom: 30px;
  }
  .block4 > article > figure {
    width: 12%;
  }
  .block4 > article > p {
    width: 84%;
  }
}
@media only screen and (max-width: 960px) and (min-width: 701px) {
  #contactForm .inputsrow {
    width: 100%;
  }
  #contactForm .inputicon {
    width: 30%;
  }
  #contactForm .inputicon > input {
    width: 55%;
  }
  #contactForm .commenttext {
    width: 95%;
  }
  #contactForm .commenttext > textarea {
    width: 90%;
  }
  #contactForm .btn5 {
    float: left;
  }
}
@media only screen and (max-width: 700px) {
  .header {
    height: auto;
  }
  .header > .line {
    top: 107px;
    bottom: auto;
  }
  .center-menu .mainnav > ul {
    display: none;
  }
  #navBtn {
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    text-align: left;
    position: relative;
    display: block;
    width: auto;
    height: 40px;
    padding: 0 20px;
    background-color: #ffa100;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -webkit-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
  }
  #navBtn > .icon {
    position: absolute;
    width: 28px;
    height: 40px;
    top: 0;
    right: 20px;
    background: url('../images/sprite.png') no-repeat -230px 0 transparent;
  }
  #navBtn:hover,
  #navBtn.on {
    background-color: #494949;
  }
  .mainnav {
    position: relative;
    width: 95%;
    height: 60px;
    margin: 0 auto;
    padding-top: 136px !important;
  }
  .mainnav > ul {
    display: none;
    position: absolute;
    width: 100%;
    height: auto;
    top: 176px;
    left: 0;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  }
  .mainnav > ul > li {
    position: relative;
    border: 1px solid #f6f6f6;
    float: none;
    width: auto;
    height: auto;
    background-color: #ffffff;
  }
  .mainnav > ul > li > a {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #ADADAD;
    transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -webkit-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    padding: 6px 7px;
  }
  .mainnav > ul > li > p {
    display: none;
  }
  .mainnav > ul > li:hover,
  .mainnav > ul > li.current {
    border-color: #f6f6f6;
  }
  .mainnav > ul > li:hover > a,
  .mainnav > ul > li.current > a {
    color: #ffa100;
  }
  .sub-menu,
  .mega-submenu {
    position: relative;
    top: auto;
    left: auto;
    visibility: visible;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    border-bottom: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .sub-menu li,
  .mega-submenu li {
    border-top: 1px solid #f6f6f6;
    padding: 0 20px;
  }
  .sub-menu li a,
  .mega-submenu li a {
    font-size: 12px;
    padding: 8px 0;
    max-width: 100%;
  }
  .sub-menu li > span,
  .mega-submenu li > span {
    display: none;
  }
  .mega-submenu {
    width: auto;
  }
  .mega-submenu h3,
  .mega-submenu h4,
  .mega-submenu h5,
  .mega-submenu p {
    display: none;
  }
  .mega-submenu > li {
    padding: 0;
    border: 0;
  }
  .mega-submenu .col1 {
    margin-right: 0;
    float: none;
    width: auto;
  }
  .dark .sub-menu li,
  .dark .mega-submenu li {
    border-color: #494949;
  }
  .breadcrumbs {
    position: relative;
    top: auto;
    right: auto;
    padding-bottom: 20px;
    margin-left: -10px;
  }
  .archive,
  .contacts {
    padding-top: 80px;
  }
  .contacts .single,
  .contacts .sidebar {
    float: none !important;
    width: 630px;
    margin: 0 auto;
  }
  .contacts .sidebar {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
  }
  .team-page > .text,
  .team-page > .text2 {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
  .team-page > .img {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  .team-page > .img > img {
    width: 100%;
    height: auto;
  }
  .team-page .joinbox {
    width: auto;
    float: none;
  }
  .archive > .sidebar,
  .magazine > .sidebar,
  .archive > .posts.left,
  .magazine > .posts.left {
    width: 100%;
    float: none;
  }
  .archive > .posts,
  .magazine > .posts {
    width: 100%;
    padding-bottom: 40px;
    float: none;
  }
  .archive .onecool,
  .magazine .onecool {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  .sidebar {
    margin-top: 10px;
  }
  .sidebar .ads {
    width: 300px;
    margin: 0 auto;
  }
  .tabsSide > ul > li {
    float: left;
    width: 33%;
  }
  .tabsSide > div {
    border-top: 1px solid #ddd;
    margin-top: -1px;
  }
  .tabsSide figure {
    display: block;
  }
  .tabsSide h3 {
    width: 60%;
  }
  .block5 {
    border: 0 !important;
    padding-right: 0 !important;
  }
  .block6 {
    width: 100%;
    padding-bottom: 20px;
    margin: 20px 0 0 0;
  }
  .block6.size2,
  .block6.size3,
  .block6.size4 {
    width: 100% !important;
    padding-right: 0;
  }
  .block6.size3,
  .block6.size4 {
    margin-left: 0 ! important;
    margin-right: 0 ! important;
  }
  .block9 figure,
  .block9 img {
    width: 100%;
    height: auto;
    margin: 0;
    float: none;
  }
  .block9 .text {
    float: none;
    width: auto;
    padding-top: 5px;
  }
  .grid .one-one {
    padding-bottom: 30px;
  }
  .grid .one-two,
  .grid .one-three,
  .grid .two-three,
  .grid .one-five,
  .grid .two-five,
  .grid .three-five,
  .grid .four-five,
  .grid .one-six,
  .grid .two-six,
  .grid .three-six,
  .grid .four-six,
  .grid .five-six {
    width: 100%;
    float: none;
    margin: 0;
    padding-bottom: 30px;
  }
  .grid .row > div:nth-last-child(1) {
    padding-bottom: 0;
  }
  .grid .three-four {
    padding-bottom: 0 !important;
  }
  .tabs .tab-col1,
  .tabs .tab-col2 {
    float: none;
    width: auto;
  }
  .tabs .navtabs {
    display: none;
  }
  .tabs .navtabs > li {
    border: 0;
  }
  .tabdrop {
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    position: relative;
    display: block;
    width: auto;
    height: 40px;
    padding: 0 20px;
    background-color: #494949;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -webkit-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
  }
  .tabdrop > .icon {
    position: absolute;
    width: 28px;
    height: 40px;
    top: 0;
    right: 20px;
    background: url('../images/sprite.png') no-repeat -230px 0 transparent;
  }
  .tabdrop:hover,
  .tabdrop.on {
    background-color: #666666;
  }
}
@media only screen and (max-width: 660px) {
  .footer p {
    width: 100%;
  }
  .contacts .single {
    width: 100%;
  }
  #contactForm .inputsrow {
    width: 100%;
  }
  #contactForm .inputicon {
    width: 99%;
    float: none;
    margin-bottom: 10px;
  }
  #contactForm .inputicon > input {
    width: 82%;
  }
  #contactForm .commenttext {
    width: 99%;
  }
  #contactForm .commenttext > textarea {
    width: 94%;
  }
  .block7 {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .block7 > figure {
    width: 100%;
    height: auto;
  }
  .block7 > figure > img {
    width: 100%;
  }
  .rs-wrap .description {
    bottom: 20px;
  }
}
@media only screen and (max-width: 560px) {
  .sliderhome article h1,
  .sliderhome article h2 {
    font-size: 15px;
    line-height: 30px;
    padding: 0 8px;
  }
  .rs-wrap .description h1,
  .rs-wrap .description h2 {
    font-size: 15px;
    line-height: 30px;
    padding: 0 8px;
  }
  .archive .block6.size2 {
    width: 302px;
    padding: 192px 0 30px 0px;
    margin: 0 auto;
  }
  .not-found > h2 {
    font-size: 68px;
    line-height: 68px;
  }
  .not-found > p {
    font-size: 20px;
    line-height: 28px;
  }
  .block2 {
    padding: 10px 20px 80px 20px;
    border-top: 2px solid #ffa100;
  }
  .block2 .btn2 {
    top: auto;
    bottom: 0;
    padding: 0;
    width: 100%;
    height: 70px;
    line-height: 70px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
  }
}
@media only screen and (max-width: 460px) {
  .contacts .single {
    width: 98%;
  }
  #commentForm .inputsrow {
    width: 100%;
  }
  #commentForm .inputicon {
    width: 99%;
    float: none;
    margin-bottom: 10px;
  }
  #commentForm .inputicon > input {
    width: 82%;
  }
  #commentForm .commenttext {
    width: 99%;
  }
  #commentForm .commenttext > textarea {
    width: 94%;
  }
  .archive > h1,
  .contacts > h1,
  .magazine > h1 {
    font-size: 20px;
  }
  .block7.size2,
  .block7.size3,
  .block7.size4 {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .block7.size2 > figure,
  .block7.size3 > figure,
  .block7.size4 > figure {
    width: 100%;
    height: auto;
  }
  .block7.size2 > figure > img,
  .block7.size3 > figure > img,
  .block7.size4 > figure > img {
    width: 100%;
  }
  #infoForm > .col1,
  #infoForm > .col2 {
    width: 100%;
  }
  .team-page .social {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: -10px;
  }
  .team-page .social > li {
    margin: 0 5px 0 0;
  }
  .not-found {
    padding: 0;
  }
  .not-found > h2 {
    font-size: 58px;
    line-height: 58px;
  }
  .not-found > p {
    font-size: 18px;
    line-height: 26px;
  }
  .rs-prev,
  .rs-next {
    display: none;
  }
  .grid .one-four,
  .grid .three-four {
    width: 100%;
    float: none;
    padding-bottom: 30px;
  }
  .bottomWrap .one-four:nth-last-child(1),
  .bottomWrap .three-four:nth-last-child(1) {
    padding-bottom: 0;
  }
  .contact-info {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media only screen and (max-width: 380px) {
  .sliderhome article h1,
  .sliderhome article h2 {
    font-size: 13px;
    line-height: 20px;
  }
  .rs-wrap .description h1,
  .rs-wrap .description h2 {
    font-size: 13px;
    line-height: 20px;
  }
  .sidebar .ads,
  .sidebar .ads img {
    width: 100%;
    max-width: 300px;
  }
  .contact-info > .col1,
  .contact-info > .col2 {
    width: 100%;
    float: none;
    margin: 0;
  }
}