/*==========================1101==================*/

@media screen and (min-width : 1101px) and (max-width :1200px) {
.container{width:1050px; margin:0 auto; padding:0;}
ul.slimmenu { width: 100%;}
ul.slimmenu li:first-child a{ padding:24px 20px 24px 20px;}
ul.slimmenu li a{ padding:24px 18px;}
.banner-box { top: 100px;}
.spash-advisors-container {width: 1200px;}
.spash-advisors-text { padding: 45px 60px 52px;}
h2 {font-size: 40px;}
.spash-advisors-text p { font-size: 17px; padding-right: 10px;}
ul.footer-nav li {margin-bottom: 3px;}
ul.footer-nav li a { font-size: 15px;  padding: 17px 15px;}
}


/*=======================================970px ===============================================*/

@media screen and (min-width : 970px) and (max-width :1100px) {
.container{width:950px; margin:0 auto; padding:0;}
ul.slimmenu { width: 100%;}
ul.slimmenu li:first-child a{ padding:24px 12px 24px;}
ul.slimmenu li a{ padding:24px 12px;}
.banner-box { top: 60px;}
.banner-txt { width: 55%;}
.mission-part {  margin: 75px 23px 0 0;}
.spash-advisors-container {width: 1100px;}
.spash-advisors-photo { width: 520px;}
.spash-advisors-text { padding: 23px 30px 3px;}
h2 {font-size: 35px;}
h4 {font-size: 23px;}
.spash-advisors-text p {font-size: 16px; padding-right: 60px;}
.conct-btn { font-size: 15px; line-height: 36px; margin-top: 9px; padding: 1px 32px;}
.form-details-box form { margin: 35px 0; padding: 0 0 0 30px;}
.form-details-box form input.cntct_input2 { width: 31.5%;}
.footer-menu { width: 92%;}
ul.footer-nav li {margin-bottom: 3px;}
ul.footer-nav li a { font-size: 15px;  padding: 17px 15px;}
/*----------------------*/
.inside-banner-box { left: 14px; top: 326px;}
.aboutus-photo { width: 450px;}
}


/*=============================================768px ===============================================*/
@media screen and (min-width : 768px) and (max-width : 969px) {
.container{width:740px; margin:0 auto; padding:0;}
.top-logo {margin: 0 auto 20px; width: 180px;}
header {height: 120px; border: none;}
.collapse{display: block; visibility: visible; height: auto; border:0px transparent;}
.collapse-button { top:10px; right: 1px; z-index: 9999999999999999;}
.menu-collapser { margin-top:-40px; }
ul.slimmenu.collapsed li { padding:8px 10px;}
.collapse.navbar-collapse{height: 1px;}
ul.slimmenu {background: transparent !important;}
ul.slimmenu li{margin-top: 0px; font-family: 'Open Sans', sans-serif;}
ul.slimmenu li:first-child a { padding: 8px 18px 10px;}
ul.slimmenu li a { color: #fff; padding: 4px 18px 10px;}

ul.slimmenu.collapsed li a:hover { color: #6eff03 !important; background-color: transparent !important; border-bottom: 0px !important;}
ul.slimmenu.collapsed li a{ width: 55%; font-family: 'Open Sans', sans-serif; font-size: 16px; }
ul.slimmenu.collapsed > li.current-menu-item > a {color: #6eff03!important; font-weight: normal; background-color:transparent !important; border-bottom: 0px !important;}
ul.slimmenu.collapsed li ul li.current-menu-item > a {color: #4da60c!important; font-weight: normal; background-color:transparent !important; border-bottom: 0px !important;}

.banner-box { top: 60px;}
.banner-txt { width: 60%;}
.mission-icon { margin: 0 17px 57px 0; width: 87px;}
.vision-part a.more {margin-top: 0; padding-left: 34px;}
.vision-icon { margin: 0 17px 57px 0; width: 87px;}
.mission-part a.more { margin-top: 6px; padding-left: 36px;}
.mission-part {  margin: 75px 23px 0 0;}
.spash-advisors-container {width: 100%; float: none; margin: 0 auto;}
.spash-advisors-container .col-sm-6{width: 80%; float: none; margin: 0 auto;}
.spash-advisors-container .col-sm-6 + .col-sm-6{width: 100%; }
.spash-advisors-text p {font-size: 16px; padding-right:0px;}
.spash-advisors-text {padding: 23px 55px 72px; /*min-height: 300px;*/}
h1{ font-size: 35px; }
h2 {font-size: 35px;}
h4 {font-size: 23px;}

.conct-btn { font-size: 15px; line-height: 36px; margin-top: 9px; padding: 1px 22px;}

section#vision-mission {padding: 0 0 70px;}
ul.service-details li{ width: 100%; }
.serv-details {width: 68%;}

.form-details-box form { margin: 35px 0; padding: 0 0 0 30px;}
.form-details-box form input.cntct_input2 { width: 31.5%;}
.footer-menu { width: 92%;}
ul.footer-nav li {margin-bottom: 3px;}
ul.footer-nav li a { font-size: 15px;  padding: 17px 15px;}
/*----------------------*/
.inside-banner-box { left: 14px; top: 187px;}
section#aboutus-sec .col-sm-6{ width: 100%; }
section#aboutus-sec p {padding-right: 10px;}
.aboutus-photo { width: 480px; float: none; margin: 20px auto 0px;}

section#about-vision-mission { padding: 3px 0 70px;}
section#about-vision-mission .col-sm-6{ width: 100%; }
.about-mission-part { margin: 15px 0 0;}
}


/*----------------------------------640px========================================*/ 
@media screen and (min-width : 640px) and (max-width: 767px) {
.container{width:620px; margin:0 auto; padding:0;}
.top-logo {margin: 0 auto 20px; width: 180px;}
header {height: 129px; border: none;}

.collapse{display: block; visibility: visible; height: auto; border:0px transparent;}
.collapse-button { top:10px; right: 1px; z-index: 9999999999999999;}
.menu-collapser { margin-top:-40px; }
ul.slimmenu {background: transparent !important;}
ul.slimmenu.collapsed li { padding:8px 10px;}
.collapse.navbar-collapse{height: 1px;}
ul.slimmenu li{margin-top: 0px; font-family: 'Open Sans', sans-serif;}
ul.slimmenu li:first-child a { padding: 8px 18px 10px;}
ul.slimmenu li a { color: #fff; padding: 4px 18px 10px;}

ul.slimmenu.collapsed li a:hover { color: #6eff03 !important; background-color: transparent !important; border-bottom: 0px !important;}
ul.slimmenu.collapsed li a{ width: 55%; font-family: 'Open Sans', sans-serif; font-size: 16px; }
ul.slimmenu.collapsed > li.current-menu-item > a {color: #6eff03!important; font-weight: normal; background-color:transparent !important; border-bottom: 0px !important;}
ul.slimmenu.collapsed li ul li.current-menu-item > a {color: #4da60c!important; font-weight: normal; background-color:transparent !important; border-bottom: 0px !important;}

.banner-box { top: 28px;}
.banner-txt { width: 60%;}
.mission-icon { margin: 0 17px 88px 0; width: 87px;}
.vision-part a.more {margin-top: -68px; padding-left: 34px;}
.vision-icon { margin: 0 17px 88px 0; width: 87px;}
.mission-part a.more { margin-top: -68px; padding-left: 36px;}
.mission-part {  margin: 5px 23px 0 0;}
.spash-advisors-container {width: 100%; float: none; margin: 0 auto;}
.spash-advisors-container .col-sm-6{width: 89%; float: none; margin: 0 auto;}
.spash-advisors-container .col-sm-6 + .col-sm-6{width: 100%; }

.spash-advisors-text p {font-size: 16px; padding-right:0px;}
.spash-advisors-text {padding: 23px 55px 72px; /*min-height: 300px;*/}
h1{ font-size: 32px; }
h2 {font-size: 30px;}
h4 {font-size: 21px;}

.conct-btn { font-size: 15px; line-height: 36px; margin-top: 9px; padding: 1px 22px;}

section#vision-mission {padding: 0 0 1px;}
ul.service-details {margin: 25px auto 0px;}
ul.service-details li{ width: 100%; }
.serv-details {width: 60%;}

#managementrow {margin-top: 14px;}
.form-details-box form { margin: 35px 0; padding: 0 0 0 4px;}
.form-details-box form input.cntct_input2 { width: 31.5%; margin: 0 0px 16px 8px;}
.footer-menu { width: 95%;}
ul.footer-nav li {margin-bottom: 3px;}
ul.footer-nav li a { font-size: 15px;  padding: 17px 15px;}
/*----------------------*/
.inside-banner-box { left: 14px; top: 187px;}
section#aboutus-sec .col-sm-6{ width: 100%; }
section#aboutus-sec p {padding-right: 10px;}
.aboutus-photo { width: 480px; float: none; margin: 20px auto 0px;}

section#about-vision-mission { padding: 3px 0 70px;}
section#about-vision-mission .col-sm-6{ width: 100%; }
.about-mission-part { margin: 15px 0 0;}
#topcontrol { bottom: 24px !important;  }
}

/*==========================480px=====================================*/
@media screen and (min-width : 480px) and (max-width: 639px) {
.container{width:440px; margin:0 auto; padding:0;}
.top-logo {margin: 0 auto 20px; width: 180px;}
header {height: 129px; border: none;}

.collapse{display: block; visibility: visible; height: auto; border:0px transparent;}
.collapse-button { top:10px; right: 1px; z-index: 9999999999999999;}
.menu-collapser { margin-top:-40px; }
ul.slimmenu {background: transparent !important;}
ul.slimmenu.collapsed li { padding:8px 10px;}
.collapse.navbar-collapse{height: 1px;}
ul.slimmenu li{margin-top: 0px; font-family: 'Open Sans', sans-serif;}
ul.slimmenu li:first-child a { padding: 8px 18px 10px;}
ul.slimmenu li a { color: #fff; padding: 4px 18px 10px;}

ul.slimmenu.collapsed li a:hover { color: #6eff03 !important; background-color: transparent !important; border-bottom: 0px !important;}
ul.slimmenu.collapsed li a{ width: 55%; font-family: 'Open Sans', sans-serif; font-size: 16px; }
ul.slimmenu.collapsed > li.current-menu-item > a {color: #6eff03!important; font-weight: normal; background-color:transparent !important; border-bottom: 0px !important;}
ul.slimmenu.collapsed li ul li.current-menu-item > a {color: #4da60c!important; font-weight: normal; background-color:transparent !important; border-bottom: 0px !important;}

.carousel-indicators {bottom: -11px;}
.banner-box { top: 23px;}
.banner-txt { width: 63%;}
.banner-txt h1 {font-size: 24px;}
.banner-txt h4 {font-size: 21px;}
.banner-box .conct-btn {font-size: 15px; line-height: 30px; margin-top: -2px; padding: 1px 16px 2px;}
.mission-icon { margin: 0 17px 100px 0; width: 87px;}
.vision-part {margin: 46px 35px 0 0;}
.vision-part a.more {margin-top: -68px; padding-left: 34px;}
.vision-icon { margin: 0 17px 170px 0; width: 87px;}
.mission-part a.more { margin-top: -135px; padding-left: 36px;}
.mission-part {  margin: 5px 23px 0 0;}
.spash-advisors-container {width: 100%; float: none; margin: 0 auto;}
.spash-advisors-container .col-sm-6{width: 100%; float: none; margin: 0 auto;}
.spash-advisors-container .col-sm-6 + .col-sm-6{width: 100%; }

.spash-advisors-text p {font-size: 16px; padding-right:0px;}
.spash-advisors-text {padding: 23px 55px 72px; /*min-height: 300px;*/}
h1{ font-size: 26px; }
h2 {font-size: 27px;}
h3 {font-size: 27px;}
h4 {font-size: 21px;}

/*.spash-advisors-photo img{ width: 79%; }*/
.conct-btn { font-size: 15px; line-height: 36px; margin-top: 9px; padding: 1px 22px;}

section#vision-mission {padding: 0 0 0px;}
section#service-sec { padding: 40px 0;}
ul.service-details {margin: 24px auto 0;}
ul.service-details li{ width: 100%; min-height: auto; margin-bottom: 15px; }
.serv-photo { height: auto; margin-right: 20px; width: 150px;}
.serv-details {width: 60%;}
.spash-advisors-container {margin: -61px auto 0px;}
section#private-wealth-sec {padding: 37px 0;}
#managementrow {margin-top: 25px;}
ul.management-listing li { border-bottom:1px dotted #000; width: 73.5%;}
section#contact-bg {padding: 37px 0 0px}
.form-details-box form { margin: 35px 0; padding: 0 0 0 18px;}
.form-details-box form input.cntct_input2 { width: 94.5%;}
.form-details-box .cntct_button { font-size: 18px; margin: 30px auto 10px; padding: 14px 0; width: 40%;}
.foot-logo {height:auto; width: 180px;}
.footer-menu { width:480px;}
ul.footer-nav{left: -40px;}
ul.footer-nav li {margin-bottom: 3px; margin-left: -1px; padding: 2px 0px;}
ul.footer-nav li a { font-size: 13px;  padding: 5px 10px;}
/*----------------------*/
.inside-banner-box { left: 0px; top: 167px;}
section#aboutus-sec {padding: 40px 0;}
section#aboutus-sec h2 {padding-bottom: 23px;}
section#aboutus-sec .col-sm-6{ width: 100%; }
section#aboutus-sec p {padding-right: 10px;}
.aboutus-photo { width: 440px; float: none; margin: 20px auto 0px;}
section#about-vision-mission { padding: 33px 0 30px;}
section#about-vision-mission .col-sm-6{ width: 100%; }
.about-mission-part { margin: 15px 0 0 -25px;}
.about-vision-part { margin: 15px 0 0 -25px;}
#topcontrol { bottom: 24px !important; }
}


@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:639px){
   /* Safari only override */
::i-block-chrome, ul.service-details li{ width: 100%; min-height: 150px !important; margin-bottom: 15px; }
}


/*===============================360px ================================*/
@media screen and (min-width : 360px) and (max-width: 479px) {
.container{width:330px; margin:0 auto; padding:0;}
.top-logo {margin: 0 auto 20px; width: 180px;}
header {height: 129px; border: none;}

.collapse{display: block; visibility: visible; height: auto; border:0px transparent;}
.collapse-button { top:10px; right: 1px; z-index: 9999999999999999;}
.menu-collapser { margin-top:-40px; }
ul.slimmenu {background: transparent !important;}
ul.slimmenu.collapsed li { padding:8px 10px;}
.collapse.navbar-collapse{height: 1px;}
ul.slimmenu li{margin-top: 0px; font-family: 'Open Sans', sans-serif;}
ul.slimmenu li:first-child a { padding: 8px 18px 10px;}
ul.slimmenu li a { color: #fff; padding: 4px 18px 10px;}

ul.slimmenu.collapsed li a:hover { color: #6eff03 !important; background-color: transparent !important; border-bottom: 0px !important;}
ul.slimmenu.collapsed li a{ width: 55%; font-family: 'Open Sans', sans-serif; font-size: 16px; }
ul.slimmenu.collapsed > li.current-menu-item > a {color: #6eff03!important; font-weight: normal; background-color:transparent !important; border-bottom: 0px !important;}
ul.slimmenu.collapsed li ul li.current-menu-item > a {color: #4da60c!important; font-weight: normal; background-color:transparent !important; border-bottom: 0px !important;}

.carousel-indicators {bottom: -11px;}
.banner-box { top: 23px;}
.banner-txt { width: 65%;}
.banner-txt h1 {font-size: 19px;}
.banner-txt h4 {font-size: 18px; margin-top: -8px;}
.banner-box .conct-btn { font-size: 12px; line-height: 24px; margin-top: -2px; padding: 1px 10px 2px;}
.mission-icon { height: auto; margin: -11px 17px 11px 0; width: 51px;}

.vision-part {margin: 46px 35px 0 -16px;}
.vision-part a.more {margin-top: 0px; padding-left: 2px;}
.vision-icon { margin: -11px 17px 11px 0; width: 51px;}
.mission-part a.more { margin-top: 27px !important; padding-left: 2px; clear: both; position: absolute; left: 37px;}
.mission-part {  margin: 55px 23px 0 -16px;}

.vision-part p { clear: left; margin-left: 40px;}
.mission-part p { clear: left; margin-left: 40px;}
.spash-advisors-container {width: 100%; float: none; margin: 60px auto 0px;}
.spash-advisors-container .col-sm-6{width: 100%; float: none; margin: 0 auto;}
.spash-advisors-container .col-sm-6 + .col-sm-6{width: 100%; }

.spash-advisors-text h2 { padding-bottom: 20px; padding-right: 1px;}
.spash-advisors-text p {font-size: 16px; padding-right:0px;}
.spash-advisors-text {padding: 23px 55px 72px; /*min-height: 300px;*/}
h1{ font-size: 26px; }
h2 {font-size: 24px;}
h3 {font-size: 23px;}
h4 {font-size: 21px;}

/*.spash-advisors-photo img{ width: 79%; }*/
.conct-btn { font-size: 15px; line-height: 36px; margin-top: 9px; padding: 1px 22px;}

section#vision-mission {padding: 0 0 0px;}
section#service-sec { padding: 40px 0;}
section#service-sec h2{text-align: center;}
ul.service-details {margin: 24px auto 0;}
ul.service-details li{ width: 100%; min-height: auto; margin-bottom: 25px; }
.serv-photo { float: none; height: auto; margin: 0 auto 10px; width: 200px;}
.serv-details {width: 100%;}
.serv-details h4{text-align: center;}
.serv-details p{text-align: center;}
section#private-wealth-sec {padding: 37px 0;}
#managementrow {margin-top: 25px;}
ul.management-listing li { border-bottom:1px dotted #000; width: 90.5%;}
section#contact-bg {padding: 37px 0 0px}
.form-details-box form { margin: 35px 0; padding: 0 0 0 15px;}
.form-details-box form input.cntct_input2 { width: 94.5%; margin: 0 0 16px;}
.form-details-box .cntct_button { font-size: 18px; margin: 30px auto 10px; padding: 11px 0; width: 50%;}
.foot-logo {height:auto; width: 180px;}
.footer-menu { width:360px; display: none;}
ul.footer-nav{left: -35px;}
ul.footer-nav li {margin-bottom: 3px; margin-left: -1px; padding: 2px 0px;}
ul.footer-nav li a { font-size: 13px;  padding: 5px 10px;}
.foot-copyright p {font-size: 13px;}
/*----------------------*/
.inside-banner-box { left: 0px; top: 159px;}
section#aboutus-sec {padding: 40px 0;}
section#aboutus-sec h2 {padding-bottom: 23px;}
section#aboutus-sec .col-sm-6{ width: 100%; }
section#aboutus-sec p {padding-right: 10px;}
.aboutus-photo { width: 330px; float: none; margin: 20px auto 0px;}
section#about-vision-mission { padding: 33px 0 30px;}
section#about-vision-mission .col-sm-6{ width: 100%; }
.about-mission-part { margin: 55px 0 0 -25px;}
.about-vision-part { margin: 15px 0 0 -25px;}

.about-vision-part p {clear: left; color: #fff; margin-left: 27px;}
.about-mission-part p{ clear: left; color: #fff; margin-left: 30px;}
#topcontrol { bottom: 24px !important;  }
}


/*=================================320px;=================================*/
@media screen and (min-width : 320px) and (max-width: 359px) {    
.container{width:280px; margin:0 auto; padding:0;}
.top-logo {margin: 0 auto 20px; width: 180px;}
header {height: 129px; border: none;}

.collapse{display: block; visibility: visible; height: auto; border:0px transparent;}
.collapse-button { top:10px; right: -17px; z-index: 9999999999999999;}
.menu-collapser { margin-top:-40px; }
ul.slimmenu {background: transparent !important;}
ul.slimmenu.collapsed li { padding:8px 10px;}
.collapse.navbar-collapse{height: 1px;}
ul.slimmenu li{margin-top: 0px; font-family: 'Open Sans', sans-serif;}
ul.slimmenu li:first-child a { padding: 8px 18px 10px;}
ul.slimmenu li a { color: #fff; padding: 4px 18px 10px;}

ul.slimmenu.collapsed li a:hover { color: #6eff03 !important; background-color: transparent !important; border-bottom: 0px !important;}
ul.slimmenu.collapsed li a{ width: 55%; font-family: 'Open Sans', sans-serif; font-size: 16px; }
ul.slimmenu.collapsed > li.current-menu-item > a {color: #6eff03!important; font-weight: normal; background-color:transparent !important; border-bottom: 0px !important;}
ul.slimmenu.collapsed li ul li.current-menu-item > a {color: #4da60c!important; font-weight: normal; background-color:transparent !important; border-bottom: 0px !important;}

.carousel-indicators {bottom: -11px;}
.banner-box { top: 10px; right: -9px;}
.banner-txt { width: 70%;}
.banner-txt h1 {font-size: 17px;}
.banner-txt h4 {font-size: 17px; margin-top: -8px;}
.banner-box .conct-btn { font-size: 12px; line-height: 24px; margin-top: -2px; padding: 1px 10px 2px;}
.mission-icon { height: auto; margin: -11px 17px 11px 0; width: 51px;}

.vision-part {margin: 46px 35px 0 -16px;}
.vision-part a.more {margin-top: 0px; padding-left: 2px;}
.vision-icon { margin: -11px 17px 11px 0; width: 51px;}
.mission-part a.more { margin-top: 27px !important; padding-left: 2px; clear: both; position: absolute; left: 37px;}
.mission-part {  margin: 55px 23px 0 -16px;}

.vision-part p { clear: left; margin-left: 40px;}
.mission-part p { clear: left; margin-left: 40px;}
.spash-advisors-container {width: 100%; float: none; margin: 60px auto 0px;}
.spash-advisors-container .col-sm-6{width: 100%; float: none; margin: 0 auto;}
.spash-advisors-container .col-sm-6 + .col-sm-6{width: 100%; }

.spash-advisors-text h2 { padding-bottom: 20px; padding-right: 1px;}
.spash-advisors-text p {font-size: 16px; padding-right:0px;}
.spash-advisors-text {padding: 23px 38px 72px; /*min-height: 300px;*/}
h1{ font-size: 26px; }
h2 {font-size: 21px;}
h3 {font-size: 20px;}
h4 {font-size: 21px;}

/*.spash-advisors-photo img{ width: 79%; }*/
.conct-btn { font-size: 15px; line-height: 36px; margin-top: 9px; padding: 1px 22px;}

section#vision-mission {padding: 0 0 0px;}
section#service-sec { padding: 40px 0;}
section#service-sec h2{text-align: center;}
ul.service-details {margin: 24px auto 0;}
ul.service-details li{ width: 100%; min-height: auto; margin-bottom: 25px; }
.serv-photo { float: none; height: auto; margin: 0 auto 10px; width: 200px;}
.serv-details {width: 100%;}
ul.service-details li:first-child > .serv-details p{text-align: center; padding: 0 6px;}
.serv-details h4{text-align: center;}
.serv-details p{text-align: center;}
section#private-wealth-sec {padding: 37px 0;}
#managementrow {margin-top: 25px;}
ul.management-listing li { border-bottom:1px dotted #000; width: 100%;}
section#contact-bg {padding: 37px 0 0px}
.form-details-box form { margin: 16px 0 0 0px; padding: 0 0 30px 15px;}
.form-details-box form input.cntct_input2 { width: 94.5%; margin: 0 0 16px;}
.form-details-box .cntct_button { font-size: 18px; margin: 30px auto 10px; padding: 11px 0; width: 50%;}
.foot-logo {height:auto; width: 180px;}
.footer-menu { width:320px; display: none;}
ul.footer-nav{left: -40px;}
ul.footer-nav li {margin-bottom: 3px; margin-left: -1px; padding: 2px 0px;}
ul.footer-nav li a { font-size: 12px; padding: 5px 8px;}
.foot-copyright p {font-size: 13px; padding: 0 35px;}
/*----------------------*/
.inside-banner-box { left: 0px; top: 155px;}
section#aboutus-sec {padding: 40px 0;}
section#aboutus-sec h2 {padding-bottom: 23px;}
section#aboutus-sec .col-sm-6{ width: 100%; }
section#aboutus-sec p { padding-bottom: 25px; padding-right: 1px; font-size: 17px;}
.aboutus-photo { width: 280px; float: none; margin: 20px auto 0px;}
section#about-vision-mission { padding: 33px 0 30px;}
section#about-vision-mission .col-sm-6{ width: 100%; }
.about-mission-part { margin: 55px 0 0 -25px;}
.about-vision-part { margin: 15px 0 0 -25px;}

.about-vision-part p {clear: left; color: #fff; margin-left: 27px;}
.about-mission-part p{ clear: left; color: #fff; margin-left: 30px;}#topcontrol { bottom: 24px !important;  }
}

/*=================================240px;=================================

@media screen and (min-width : 240px) and (max-width: 319px) {
  .container{width:220px; margin:0 auto; padding:0;}

}