/* Move down content because we have a fixed navbar that is 50px tall */

.w-25 {width: 25% !important;}.w-50 {width: 50% !important;}.w-75 {width: 75% !important;}.w-100 {width: 100% !important;}.h-25 {height: 25% !important;}.h-50 {height: 50% !important;}.h-75 {height: 75% !important;}.h-100 {height: 100% !important;}.mw-100 {max-width: 100% !important;}.mh-100 {max-height: 100% !important;}.m-0 {margin: 0 0 !important;}.mt-0 {margin-top: 0 !important;}.mr-0 {margin-right: 0 !important;}.mb-0 {margin-bottom: 0 !important;}.ml-0 {margin-left: 0 !important;}.mx-0 {margin-right: 0 !important;margin-left: 0 !important;}.my-0 {margin-top: 0 !important;margin-bottom: 0 !important;}.m-1 {margin: 0.25rem 0.25rem !important;}.mt-1 {margin-top: 0.25rem !important;}.mr-1 {margin-right: 0.25rem !important;}.mb-1 {margin-bottom: 0.25rem !important;}.ml-1 {margin-left: 0.25rem !important;}.mx-1 {margin-right: 0.25rem !important;margin-left: 0.25rem !important;}.my-1 {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}.m-2 {margin: 0.5rem 0.5rem !important;}.mt-2 {margin-top: 0.5rem !important;}.mr-2 {margin-right: 0.5rem !important;}.mb-2 {margin-bottom: 0.5rem !important;}.ml-2 {margin-left: 0.5rem !important;}.mx-2 {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}.my-2 {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}.m-3 {margin: 1rem 1rem !important;}.mt-3 {margin-top: 1rem !important;}.mr-3 {margin-right: 1rem !important;}.mb-3 {margin-bottom: 1rem !important;}.ml-3 {margin-left: 1rem !important;}.mx-3 {margin-right: 1rem !important;margin-left: 1rem !important;}.my-3 {margin-top: 1rem !important;margin-bottom: 1rem !important;}.m-4 {margin: 1.5rem 1.5rem !important;}.mt-4 {margin-top: 1.5rem !important;}.mr-4 {margin-right: 1.5rem !important;}.mb-4 {margin-bottom: 1.5rem !important;}.ml-4 {margin-left: 1.5rem !important;}.mx-4 {margin-right: 1.5rem !important;margin-left: 1.5rem !important;}.my-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}.m-5 {margin: 3rem 3rem !important;}.mt-5 {margin-top: 3rem !important;}.mr-5 {margin-right: 3rem !important;}.mb-5 {margin-bottom: 3rem !important;}.ml-5 {margin-left: 3rem !important;}.mx-5 {margin-right: 3rem !important;margin-left: 3rem !important;}.my-5 {margin-top: 3rem !important;margin-bottom: 3rem !important;}.p-0 {padding: 0 0 !important;}.pt-0 {padding-top: 0 !important;}.pr-0 {padding-right: 0 !important;}.pb-0 {padding-bottom: 0 !important;}.pl-0 {padding-left: 0 !important;}.px-0 {padding-right: 0 !important;padding-left: 0 !important;}.py-0 {padding-top: 0 !important;padding-bottom: 0 !important;}.p-1 {padding: 0.25rem 0.25rem !important;}.pt-1 {padding-top: 0.25rem !important;}.pr-1 {padding-right: 0.25rem !important;}.pb-1 {padding-bottom: 0.25rem !important;}.pl-1 {padding-left: 0.25rem !important;}.px-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}.py-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}.p-2 {padding: 0.5rem 0.5rem !important;}.pt-2 {padding-top: 0.5rem !important;}.pr-2 {padding-right: 0.5rem !important;}.pb-2 {padding-bottom: 0.5rem !important;}.pl-2 {padding-left: 0.5rem !important;}.px-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}.py-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}.p-3 {padding: 1rem 1rem !important;}.pt-3 {padding-top: 1rem !important;}.pr-3 {padding-right: 1rem !important;}.pb-3 {padding-bottom: 1rem !important;}.pl-3 {padding-left: 1rem !important;}.px-3 {padding-right: 1rem !important;padding-left: 1rem !important;}.py-3 {padding-top: 1rem !important;padding-bottom: 1rem !important;}.p-4 {padding: 1.5rem 1.5rem !important;}.pt-4 {padding-top: 1.5rem !important;}.pr-4 {padding-right: 1.5rem !important;}.pb-4 {padding-bottom: 1.5rem !important;}.pl-4 {padding-left: 1.5rem !important;}.px-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}.py-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}.p-5 {padding: 3rem 3rem !important;}.pt-5 {padding-top: 3rem !important;}.pr-5 {padding-right: 3rem !important;}.pb-5 {padding-bottom: 3rem !important;}.pl-5 {padding-left: 3rem !important;}.px-5 {padding-right: 3rem !important;padding-left: 3rem !important;}.py-5 {padding-top: 3rem !important;padding-bottom: 3rem !important;}.m-auto {margin: auto !important;}.mt-auto {margin-top: auto !important;}.mr-auto {margin-right: auto !important;}.mb-auto {margin-bottom: auto !important;}.ml-auto {margin-left: auto !important;}.mx-auto {margin-right: auto !important;margin-left: auto !important;}.my-auto {margin-top: auto !important;margin-bottom: auto !important;}

body {
  /* padding-top: 50px;
  padding-bottom: 20px; */
}

@font-face {
    font-family: 'bikepin';
    src:  url('/fonts/bikepin.eot?vgfova');
    src:  url('/fonts/bikepin.eot?vgfova#iefix') format('embedded-opentype'),
    url('/fonts/bikepin.ttf?vgfova') format('truetype'),
    url('/fonts/bikepin.woff?vgfova') format('woff'),
    url('/fonts/bikepin.svg?vgfova#bikepin') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'bikepin' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-camera:before {
    content: "\e900";
}
.icon-clip:before {
    content: "\e901";
}
.icon-facebook:before {
    content: "\e902";
}
.icon-heart:before {
    content: "\e903";
}
.icon-image:before {
    content: "\e904";
}
.icon-login:before {
    content: "\e905";
}
.icon-search:before {
    content: "\e906";
}
.icon-setting:before {
    content: "\e907";
}
.icon-twitter:before {
    content: "\e908";
}

.fs0 {
    font-size: 16px;
}
.fs1 {
    font-size: 32px;
}


input[type="text"],
input[type="password"] {font-size: 16px; color: #333 !important;}
.text-left {text-align: left !important; }
.btn-lg {border-radius: 4px !important; }
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {line-height: 1.5; }
.btn-wide {width: 440px; max-width: 100%; }
.btn-common {background-color: #1584BA; color: #fff; border: none; }
.btn-muted {background-color: #9a9a9a; color: #fff; border: none; }
.btn-white {background-color: #fff; color: #403F3E !important; }
.btn-dark {background-color: #b3b3b3; color: #fff; border: none; }
.btn [class^="icon-"] {font-size: 20px; vertical-align: text-top; }
.btn.active{background-color: #ccc;}

.h2, .h3 {font-weight: bold; }
.form-group .control-label {text-align: left; }

html, body {height: 100%; }
.allContainer {position: relative; min-height: 100%; min-width: 360px;   }
.mainContent {padding-bottom: 180px; }

body {font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; line-height: 1.75; -webkit-text-size-adjust: 100%; }

p:last-child {margin-bottom: 0;}

.errorHolder {color: #f33; text-shadow: 1px 1px 3px rgba(0,0,0,1) }

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.errorText span {display: block; padding: .2em .5em; color: #FE0000; background: #FFDDDC;  }

.snsBtn {display: inline-block; width: 40px; height: 40px; color: #3F3F3F; overflow: hidden; font-size: 40px; cursor: pointer; line-height: 1; }



/* navigation */
.navbar {border-radius: 0 !important; border: none; }
.navbar {height: auto; padding: 5px 0; background: #2D7EAC; margin-bottom: 0; color: #fff;}
.navbar a {color: #fff; }
.navbar .logo {float: left; margin-right: 10px; height: 42px;  font-size: 24px; font-weight: bold; }
.navbar .search {clear: both; white-space: nowrap; }
.navbar .search input {color: #333; font-size: 14px; }
.navbar .search input[type="text"] {padding: 6px 12px; height: 34px; width: calc(100% - 50px); border-radius: 4px 0 0 4px; border-width: 1px; font-size: 16px; vertical-align: top; }
.navbar .search button[type="submit"] {width: 50px; height: 34px; background: #fff; border: 1px solid #ccc; border-radius: 0 4px 4px 0; color: #2D7EAC; vertical-align: top; line-height: 34px; }
.navbar .search button[type="submit"] span {font-size: 24px; line-height: 30px; }
.navbar .navbarRight {float: right; padding: 2px 0; height: 42px; }
.navbar .navbarRight .txt {display: inline-block; width:110px; vertical-align: middle; font-size: 1.2rem; line-height: 1.2; }
.navbar .navbarRight.login {margin: -5px -15px 0 0; padding: 0; }
.navbar .person {display: flex; justify-content: center; align-items: center; float: left; height: 100%; padding-right: 5px; }
.navbar .person img {width: 32px; height: 32px; }
.navbar .navbarRight .navBtn {float: left; display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 0 7px; font-size: 1rem; text-align: center; color: #eee; }
.navbar .navbarRight .navBtn:last-child {border-right: none; }
.navbar .navbarRight .navBtn:hover {text-decoration: none; }
.navbar .navbarRight .navBtn [class^="icon-"] {display: block; margin: 0 auto -3px; font-size: 24px; color: #082B43; text-shadow: 1px 1px 0 rgba(255,255,255,.2) }

.bgArea {padding-top: 50px; padding-bottom: 50px; color: #fff; text-align: center; }
.bgArea h1 {font-weight: bold; font-size: 32px; }
.bgArea .catch {color: #bbb; }
.bgArea .formArea {width: 440px; max-width: 100%; margin-left: auto; margin-right: auto;  }
.bgArea .add {font-size: 1.2rem; }
.bgArea .add a {padding: 0 10px; color: #aaa; border-left: 1px solid #aaa; }
.bgArea .add a:first-child {border-left: none; }

.noneBgArea {padding-top: 50px; padding-bottom: 50px; text-align: center; }
.noneBgArea h1 {font-weight: bold; font-size: 32px;  }
.noneBgArea .formArea {width: 440px; max-width: 100%; margin-left: auto; margin-right: auto;  }
.noneBgArea .add {font-size: 1.2rem; }
.noneBgArea .add a {padding: 0 10px; color: #aaa; border-left: 1px solid #aaa; }
.noneBgArea .add a:first-child {border-left: none; }

.person img {margin-right: .5em;}

.searchArea {margin-left: auto; margin-right: auto; width: 610px; max-width: 100%;}
.searchArea input[type="text"] {background: #eee; }

/* home */
.homeTopArea {background: linear-gradient( to bottom, rgba(0,0,0,.6), rgba(0,0,0,.6) ), url(../images/mainImage.jpg) center top no-repeat; background-size: cover; }
.homeSearchArea {padding-top: 20px; }
.homeSearchArea .input-group-btn button {height: 34px; }
.homeSearchArea .input-group-btn button span {font-size: 20px; }

/* account */
.accountTopArea {background: linear-gradient( to bottom, rgba(0,0,0,.6), rgba(0,0,0,.6) ), url(../images/accountBg.jpg) center top no-repeat; background-size: cover; }
.siteExpArea {text-align: center; }
.siteExpArea h2 {margin-bottom: 1em; color: #1371AD; }
.siteExpArea p {font-size: 1.6rem; }
.siteExpArea .horizontalImgArea {margin: 60px 0 30px;}
.accountConfirmTopArea {background: linear-gradient( to bottom, rgba(0,0,0,.6), rgba(0,0,0,.6) ), url(../images/accountBg.jpg) center top no-repeat; background-size: cover; }
/* .accountConfirmTopArea dl {line-height: 1.75; }
.accountConfirmTopArea dl dt { float: left; padding-right: 10px; width: 50%; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap;}
.accountConfirmTopArea dl dd {margin-left: 50%; text-align: left; } */
.accountConfirmTopArea table {margin-bottom: 15px; border-collapse: separate; border-spacing: 10px; width: 100%; border: 1px solid #aaa; }
.accountConfirmTopArea table td {text-align: left; }

.horizontalImgArea {height:300px; width: 100%; background-size: cover; background-position: center; }
.horizontalImgAreaAccount1 {background-image: url(../images/account1.jpg)}
.horizontalImgAreaAccount2 {background-image: url(../images/account2.jpg)}
.horizontalImgAreaAccount3 {background-image: url(../images/account3.jpg)}
.horizontalImgAreaAccount4 {background-image: url(../images/account4.jpg)}
.horizontalImgAreaAccount5 {background-image: url(../images/account5.jpg)}
.horizontalImgAreaAccount6 {background-image: url(../images/account6.jpg)}
.horizontalImgAreaInquiry {background-image: url(../images/inquiry.jpg)}
.horizontalImgAreaCancel  {background-image: url(../images/cancel.jpg)}

.articleInfo dl {line-height: 1.2; }
.articleInfo dl dt,
.articleInfo dl dd {display: inline; font-weight: bold; }
.articleInfo dl dd {padding-right: 1em; margin-right: 1em; border-right: 1px solid #aaa; }
.articleInfo dl dd:last-child {padding-right: 0; margin-right: 0; border: none; }

.articleList {padding: 30px 5px;}
.article {margin-bottom: 20px; padding: 0 7px 0; }
.article .articleInner {position: relative; padding-bottom: 20px; height: 100%; }
.article .img-responsive {margin-bottom: 1.5rem;}
.article .date {font-size: 1.2rem; }
.article .edit {position: absolute; bottom: 0; left:0; width: 100%; padding: 2px 5px; font-size: 1.1rem; background: #eee; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;   }
.article .edit input {margin-right: 3px; vertical-align: sub; }

.commentInputArea {margin-top: 30px; padding-top: 20px; background: #E9E9E9; }

.commentList {background: #F4F4F4; }

.commentSet {padding: 20px 0; border-top: 1px solid #d7d7d7; }
.commentSet .del {font-size: 1.2rem; line-height: 40px;}
.commentSet .comment {margin-top: 5px;}

.img-horizontal {height: 200px; margin-bottom: 2rem; background-size: cover; background-position: center; }

.profile {position: relative;  display: flex;}

.profile .name {font-size: 2.4rem; font-weight: bold; }
.profile dl.miniData dt,
.profile dl.miniData dd {display: inline; font-weight: normal; color: #777; }
.profile dl.miniData dd {margin-right: 1em; }
.profile::after {content: ""; display: block; clear: both; }
.profileImg {margin-right:10px;}






.tab-profile {margin-top: 30px; }
.tab-profile li {font-weight: bold; text-align: center; }
.tab-profile li a {}
.tab-profile li a:hover {background: #ddd; }
.tab-profile .name,
.tab-profile .badge {text-align: center; }

.qAndAList {padding-left: 0; }
.qAndAList li {margin-bottom: 1em; list-style: none; margin-left: 0;}
.qAndAList li .question {cursor: pointer; text-indent: -32px; padding-left: 32px; }
.qAndAList li .question::before {content: "Q"; display: inline-block; margin-right: 7px; width: 24px; height: 24px; text-align: center; line-height: 24px; background: #1171AE; color: #fff; font-weight: bold; text-indent: 0; }
.qAndAList li .ans {display: none ; margin-left: 30px;  background: #eee; padding: .5em; overflow: hidden;}
.qAndAList li .ans.show {display: block;  }

.postPreview {background: #EDEDED; height: 300px; text-align: center; line-height: 300px; }
.postPreview span {font-size: 2rem; color: #a5a5a5; }
.postPreview img {max-height: 100%; max-width: 100%;}

#imgGalleryWrap {max-width: 100%; overflow: hidden;}
#imgGalleryWrap2 {max-width: 100%; overflow: hidden;}
#imgGalleryWrap3 {max-width: 100%; overflow: hidden;}

#imgGallery{
    opacity: 0;
    position:relative;
    width:1140px;
    margin:0 auto 25px;
    padding-bottom: 10px;
    transition: opacity 1s 1s;
    -webkit-transition: opacity 1s 1s;
}

#imgGallery2{
    opacity: 0;
    position:relative;
    width:1140px;
    margin:0 auto 25px;
    padding-bottom: 10px;
    transition: opacity 1s 1s;
    -webkit-transition: opacity 1s 1s;
}

#imgGallery3{
    opacity: 0;
    position:relative;
    width:1140px;
    margin:0 auto 25px;
    padding-bottom: 10px;
    transition: opacity 1s 1s;
    -webkit-transition: opacity 1s 1s;
}

#imgGallery4{
    opacity: 0;
    position:relative;
    width:1140px;
    margin:0 auto 25px;
    padding-bottom: 10px;
    transition: opacity 1s 1s;
    -webkit-transition: opacity 1s 1s;
}

#imgGallery.show {opacity: 1}
#imgGallery2.show {opacity: 1}
#imgGallery3.show {opacity: 1}
#imgGallery4.show {opacity: 1}

#imgGallery .grid{
    box-sizing: content-box; /* blocksit.jsで行っている計算のため */
    width:168px;
    min-height:100px;
    padding: 6px;
    background:#fff;
    margin:6px;
    font-size:12px;
    float:left;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
}

#imgGallery2 .grid{
    box-sizing: content-box; /* blocksit.jsで行っている計算のため */
    width:168px;
    min-height:100px;
    padding: 6px;
    background:#fff;
    margin:6px;
    font-size:12px;
    float:left;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
}

#imgGallery3 .grid{
    box-sizing: content-box; /* blocksit.jsで行っている計算のため */
    width:168px;
    min-height:100px;
    padding: 6px;
    background:#fff;
    margin:6px;
    font-size:12px;
    float:left;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
}

#imgGallery4 .grid{
    box-sizing: content-box; /* blocksit.jsで行っている計算のため */
    width:168px;
    min-height:100px;
    padding: 6px;
    background:#fff;
    margin:6px;
    font-size:12px;
    float:left;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
}

#imgGallery .person {display: block; margin: .5em 0; font-weight: bold; }
#imgGallery2 .person {display: block; margin: .5em 0; font-weight: bold; }
#imgGallery3 .person {display: block; margin: .5em 0; font-weight: bold; }
#imgGallery4 .person {display: block; margin: .5em 0; font-weight: bold; }


@media screen and (max-width : 455px) {
    #imgGallery,#imgGallery2,#imgGallery3,#imgGallery4 {width: 228px; }

}





    /* footer */
footer {position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 0 ; background: #eee; }
footer .title {display: none; }
footer .nav {font-size: 1.2rem; text-align: center; }
footer .nav li {padding-left: 10px; padding-right: 10px; margin-bottom: 10px; border-left: 1px solid #aaa; }
footer .nav li:first-child {border-left: none; }
footer .nav a {color: #333; }
footer .copyright {margin-top: -10px; font-size: 1rem; }

@media (max-width: 360px) {
    .hidden-xxxs {display: none !important;}
    .tab-profile li a {padding-left: 10px; padding-right: 10px;}
}

@media (max-width: 480px) {
    .hidden-xxs {display: none !important;}
    .horizontalImgArea {height: 150px; }
    .profile .profileImg {position: static; top: auto; left: auto; margin-bottom: 1em; }
    .profile .profileData .profileData_myboard {padding-left: 0; }
}

@media (max-width: 599px) {
    .tab-profile .name {display: block; }
    .tab-profile .num {display: block; }
}

@media only screen and (min-width : 600px) {
    .navbar .search {clear: none; padding: 5px 0;  }
    .navbar .search input[type="text"] {width: 200px; }
    .navbar .navbarRight.login {height: 56px; margin: -5px -15px -5px 0; }
    .navbar .person {line-height: 52px; }
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0; }
/*    .bgArea {height: 600px; padding-top: 100px; } */
	.bgArea {height: 600px; }

    /* navbar */
    .navbar {height: 50px; padding: 0px 0; }
    .navbar .navbarRight {padding: 10px 0; }
    .navbar .logo {padding-left: 0; font-size: 26px; height: 40px;}
    .navbar .navbarRight.login {height: 80px; margin: -10px -15px -10px 0; }
    .navbar .person {padding-right: 15px; }
    .navbar .navbarRight .txt {display: inline; font-size: 1.4rem; line-height: 1.2; }
    .navbar .navbarRight .navBtn {font-size: 1.2rem; padding: 0 15px; }
    .navbar .search {clear: none; padding: 12px 0;  }
    .navbar .search input[type="text"] {width: 200px; }
    .navbar a{text-decoration: none; }

    .commentSet .comment {margin-top: 0; margin-left: 45px; }

    .img-horizontal {height: 400px; margin-bottom: 3rem; }

    .profile dl.edit dt {float: left; }

    .horizontalImgArea {height: 600px; }
    /* footer */
    footer {height: 120px; padding: 20px 0 10px ;}
    footer .title {display: block; float: left; font-weight: bold; font-size: 1.6rem; }
    footer .nav {float: right; margin-top: 5px;}
    footer .copyright {margin-top: 20px; font-size: 1.2rem; }
}


@media only screen and (min-width : 992px) {
    .navbar .search input[type="text"] {width: 350px;}
}

@media only screen and (min-width : 1200px) {
    .navbar .search input[type="text"] {width: 550px;}

}