/* CSS Document */
/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/
@media only screen and (max-width : 979px) {
}

@media only screen and (max-width : 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #f9e56a;}
.teksol .collapse {background-color:#78006d;}
.teksol .navbar-collapse {overflow:hidden;padding-left:20px;padding-right:0px}

/*WELCOME*/
.welcome h2 {margin-bottom:20px}

/*FundPlus*/
#accordion {margin-bottom:50px}
/*universal banking solutions*/
.productDetails .uniInfo {padding-left:15px;}

/*About*/
.teksol .guid .container {padding-top:30px;padding-bottom:10px;}
.teksol .guid .guidingImg {margin-bottom:40px;}.guiding h2 {font-size:2rem}
.gov .right-gab {margin-right:0px}
.teksol .gov .govenance {text-align:left;}
.gov-gist {text-align:left;}

/*BOARD MEMBERS*/
.teksol .board_membas {padding-bottom:10px;padding-top:10px;}

/*SERVICES*/
.teksol .services .row {padding-left:15px;padding-right:15px}
.teksol .services .hid {display:block}
.teksol .reveal {display:none}
.teksol .services p {text-align:justify}
.teksol .service .hid {display:block}

/*TRENDING*/
.teksol .trends .trend h1 {text-align:center}
.teksol .trends .trend .reveal {display:none}
.teksol .trends .trending_text p {text-align:left;}
.teksol .trend .hid {display:block;margin-left:10px}

/*FOOTER*/
.teksol .navbar-collapse {overflow:hidden;padding-left:20px;padding-right:0px}
.teksol .copyright .foots {padding:0px}
.teksol .footer .copyright {margin-top:0px;}
.teksol .top {color:#ffffff;float:right;padding-top:10px}
}


@media only screen and (max-width : 1200px) {
/*INDEX*/

/*BOARD MEMBERS*/
.teksol .board_membas h2 {font-size:1.5rem;font-weight:normal;margin-bottom:10px}

/*PRODUCTS*/
.detailedInfo {padding-top:20px;padding-bottom:30px}
/*TECIS*/
.accounts .detailedInfo p {text-align:justify;padding-right:0px}
.accounts .detailedInfo .productinfo h1{font-size:2rem;margin-top:0px;}
.accounts .detailedInfo .productlist:before {content:normal;}
/*General*/
.general {padding-top:20px}
.general .detailedInfo p {padding-right:0px}
.general .detailedInfo .productinfo h1{font-size:2rem;font-weight:normal;margin-bottom:30px;margin-top:0px;display:block;}
.general .detailedInfo .productlist:before {content:normal;}

/*SERVICES*/
.services {padding:20px}
.services .row {padding:0px}
.services .col-md-6 {padding:0px}

.welcome {padding-left:10px;padding-right:10px}

/*BOARD*/
.teksol .team-item {border:1px solid #d3d3d3;margin-bottom:30px}
.our-team{border:none;padding-bottom:0px;margin-bottom:0px;}
.our-team .team-content{padding:0px 0 0px 5px;}
.our-team .team-content{padding:0px 0 0px 5px;}
.team-item .invisible-part {width:100%;height:290px;position:relative;top:0px;left:0px;opacity:1;box-shadow: 0 0 0px rgba(0,0,0,.3);}
.team-item > .hover-area:focus .invisible-part,.team-item > .hover-area:hover .invisible-part {opacity: 1;width:100%;}
.team-item .invisible-part .text p {text-align:left}
.team-item .invisible-part .text-holder {margin:0px;}

.team-item .invisible-part .text {padding-right:10px;padding-top:0px;}

.teksol .foots {float:right}
.teksol .top {float:none;color:#ffffff;right:0px;bottom:0px;position:absolute}


.teksol .trending .trending-head h1 {font-size:3rem}
.teksol .guiding {margin-bottom:20px;padding-top:0px}

}


@media only screen and (max-width : 480px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #f9e56a;}

.teksol .banner-bottom .contact {padding:10px}

.teksol .morve {padding-top:40px;padding-bottom:40px}
.teksol .hidden-button {display:block}
.teksol .smallbutton {display:none}

.teksol .banner .header-banner-text h1 {font-size:2.5rem;}
.teksol .collapse {background-color:#78006d;}
.fade .item {height:280px;}

.teksol .selectedbanner p {width:300px;}
.welcome {padding-left:10px;padding-right:10px}

/*About*/
.welcome h2 {font-size:2rem;font-weight:600}.teksol .button-right {float:left}
.aboutus .inner {padding-left:0px}
.aboutus .aboutimg {padding-left:0px}
.aboutus .button {padding-left:0px}
.teksol .guid .container {padding-top:30px;padding-bottom:10px;}
.teksol .guid .guidingImg {margin-bottom:20px;}.guiding h2 {font-size:2rem}
.gov .right-gab {margin-right:0px}
.teksol .gov .govenance {text-align:left;}
.gov-gist {text-align:left;}
.teksol .guiding {margin-bottom:20px;padding-top:0px}
.teksol .gov .governance h2 {font-size:2rem;margin-bottom:20px}


/*services*/
.teksol .service-container .servicehead {font-size:1.7rem;text-align:left}
.teksol .services .row {padding-left:15px;padding-right:15px}
.service h2 {text-align:center;font-weight:bold;margin-bottom:0px;padding-bottom:0px}
.service a {text-align:center}
.service .slide {padding-top:0px;margin:0px}
.service .hid {text-align:center;margin-top:30px}

.services {padding:20px}
.services .row {padding:0px}
.services .col-md-6 {padding:0px}

/*PRODUCTS*/
.teksol .products-slide .header-banner-text  {text-align:center}
.detailedInfo {padding-top:20px;padding-bottom:30px}

/*TECIS*/
.accounts .detailedInfo p {text-align:justify;padding-right:0px}
.accounts .detailedInfo .productinfo h1{font-size:2rem;margin-top:0px;}
.accounts .detailedInfo .productlist:before {content:normal;}
/*General*/
.general {padding-top:20px}
.general .detailedInfo p {padding-right:0px}
.general .detailedInfo .productinfo h1{font-size:2rem;font-weight:normal;margin-bottom:30px;margin-top:0px;display:block;}
.general .detailedInfo .productlist:before {content:normal;}
/*Investment*/
.investment-module h1 {text-align:left;}
.investment-module h3 {text-align:left;margin:20px 0 0 0;}
.investment-module p {text-align:left;}
.investment-module .product-left-list {text-align:left;padding-bottom:0px;margin-bottom:0px}
.investment-module .product-left-list li {padding-left:20px;}
.investment-module .product-left-list li:before {left:10px;}
/*Teb3*/
.teb3-wrapper .detailedInfo h1 {text-align:left}
.teb3-wrapper .col-md-12 {margin-bottom:0px;padding-bottom:0px}
.teb3-wrapper .detailedInfo .tab {margin-bottom:0px;padding-bottom:0px;}
.teb3-wrapper p {text-align:left;margin-bottom:10px;padding-bottom:0px;}
/*Loan*/
.loan .detailedInfo h1 {text-align:left}
.loan .detailedInfo .Loan {margin-bottom:0px;padding-bottom:0px;}
.loan p {text-align:left;margin-bottom:10px;padding-bottom:0px;}
.loan .col-md-12 {margin-bottom:0px;padding-bottom:0px}

/*Trending*/
.teksol .trending .trending-head {padding-bottom:15px}
.teksol .trending .trending-img {padding-bottom:20px}

/*Testimonies*/
.teksol .testimonies .testimonial {text-align:center}
.teksol .testimonies .testimonial .gist {padding-bottom:30px}


/*BOARD*/
.teksol .team-item {border:1px solid #d3d3d3;margin-bottom:30px}
.our-team{border:none;padding-bottom:0px;margin-bottom:0px;}
.our-team .team-content{padding:0px 0 0px 5px;}
.our-team .team-content{padding:0px 0 0px 5px;}
.team-item .invisible-part {width:100%;height:290px;position:relative;top:0px;left:0px;opacity:1;box-shadow: 0 0 0px rgba(0,0,0,.3);}
.team-item > .hover-area:focus .invisible-part,.team-item > .hover-area:hover .invisible-part {opacity: 1;width:100%;}
.team-item .invisible-part .text p {text-align:left}
.team-item .invisible-part .text-holder {margin:0px;}

.team-item .invisible-part .text {padding-right:10px;padding-top:0px;}

.teksol .client_ .box1 {padding-bottom:20px}
.klient .role1 {margin-bottom:0px}
.teksol .board_membas {padding-bottom:10px;padding-top:10px;}

/*CONTACT*/
.contacts .controls .row {padding:0px;}
.contacts .controls .col-md-7 {padding:0px;}

/*CLIENTS*/
.klient .role1 {margin-bottom:10px}

/*FOOTER*/
.teksol .navbar-collapse {overflow:hidden;padding-left:20px;padding-right:0px}
.teksol .copyright .foots {padding:0px}
.teksol .footer .copyright {margin-top:0px;}

.teksol .foots {float:right}
.teksol .top {float:none;color:#ffffff;right:0px;bottom:0px;position:absolute}
}

@media only screen and (max-width : 320px) {
.teksol .collapse {background-color:#78006d;}
.teksol .navbar-collapse {overflow:hidden;padding-left:20px;padding-right:0px}
.teksol .guiding {margin-bottom:20px;padding-top:0px}
.quick-contacts .mail {clear:both}

}


@media(min-width:768px) and (max-width:991px) {
/*menu*/
/*contacts*/
.banner .banner-bottom p {font-size:1.5rem}
.banner .banner-bottom .fa {font-size:2.5rem;margin-right:10px}
.teksol .navbar-brand {font-size:2.7rem;}
.teksol .navbar .nav a {font-size:1.3rem}
.fade .item {height:350px;}

.teksol .guiding {margin-bottom:20px;padding-top:0px}

/*welcome*/
.teksol .welcome .btn-default {float:left}

/*service*/
.service p {display:none}
.teksol .services .row {padding-left:15px;padding-right:15px}
.teksol .services .hid {display:block}
.teksol .services .reveal {display:none}

/*product*/
.our-products .product-info{top:0%;}
.our-products .product-info{font-size:2.5rem;}
.teksol .product .pro {margin-bottom:0px}
.teksol .hiden { visibility:visible}
.teksol .seen {display:none}
.teksol .products-slide .header-banner-text {text-align:left}
.teksol .products-slide .header-banner-text {padding-top:7%}
.teksol .header-line:after {}

/*universal banking solutions*/
.productDetails .uniInfo {padding-left:15px;}
/*TECIS*/
.accounts .detailedInfo {padding-top:20px}
.accounts .detailedInfo .productinfo h1{margin-top:0px;}

/*TRENDING*/
.teksol .trending .col-sm-4 {padding:0 12px 0 0}
.teksol .trending .trending-text {padding-left:0px}
.trend .trending-head .col-md-6 {margin:0px}

.teksol .trends .trend h1 {text-align:left}
.teksol .trends .trend .reveal {display:none}
.teksol .trends .trending_text p {text-align:left;}
.teksol .trends .trending_text {margin-top:20px}
.teksol .trend .hid {display:block;margin-left:10px;clear:both}
.teksol .trending-img {margin-bottom:15px}


/*bottom links*/
.teksol .copyright .col-sm-12 {padding:0px;margin:0px}
.teksol .copyright .bottom-links {float:left;}

.teksol .top {right:0%;}

/*About*/
.teksol .guid .container {padding-top:30px;padding-bottom:10px;}
.teksol .guid .guidingImg {margin-bottom:40px;}
.guiding h2 {font-size:2rem}
.gov .right-gab {margin-right:0px}
.teksol .gov .govenance {text-align:left;}
.gov-gist {text-align:left;}

/*BOARD MEMBERS*/
.teksol .board_membas {padding-bottom:10px;padding-top:10px;}

/*FOOTER*/
.teksol .navbar-collapse {overflow:hidden;padding-left:20px;padding-right:0px}
.teksol .copyright .foots {padding:0px}
.teksol .footer .copyright {margin-top:0px;}
.teksol .top {color:#ffffff;float:right;padding-top:10px}
.teksol .boxx {margin-bottom:50px}

}


@media (min-width:480px) and (max-width:768px) {
.teksol .navbar-right li a {padding-left:20px}
.teksol .navbar .nav a {color:#fff}
.teksol .guiding {margin-bottom:20px;padding-top:0px}

/*contacts*/
.banner .banner-bottom p {font-size:1.5rem}
.banner .banner-bottom .fa {font-size:2.5rem;margin-right:10px}
.teksol .navbar-brand {font-size:2.7rem;}
.fade .item {height:300px;}
.quick-contacts .mail {clear:both}

/*welcome*/
.teksol .welcome .btn-default {float:left}
/*products*/
.teksol .product .pro-info {margin-top:0px}
.teksol .product .pro-info .pro-info-inner {padding:0px}
.teksol .product .button-right {float:left;}
.teksol .hiden { visibility:visible}
.teksol .seen {display:none}
.teksol .products-slide .header-banner-text h1 {text-align:center}
.teksol .products-slide .header-banner-text p {text-align:center}
/*accounts*/
.accounts .detailedInfo {padding-top:20px}
.accounts .detailedInfo .productinfo h1{margin-top:0px}
/*Investment*/
.investment-module h1 {text-align:left;}
.investment-module h3 {text-align:left}
.investment-module p {text-align:left;}
.investment-module .product-left-list {text-align:left;padding-bottom:0px;margin-bottom:0px}
.investment-module .product-left-list li {padding-left:20px;}
.investment-module .product-left-list li:before {left:10px;}
/*TEB3*/
.teb3-wrapper .detailedInfo h1 {text-align:left}
.teb3-wrapper p {text-align:left;margin-bottom:10px;padding-bottom:0px;}
.teb3-wrapper .col-md-12 {margin-bottom:0px;padding-bottom:0px}
.teb3-wrapper .detailedInfo .tab {margin-bottom:0px;padding-bottom:0px;}
/*Loan*/
.loan .detailedInfo h1 {text-align:left}
.loan p {text-align:left;margin-bottom:10px;padding-bottom:0px;}
.loan .col-md-12 {margin-bottom:0px;padding-bottom:0px}
.loan .detailedInfo .Loan {margin-bottom:0px;padding-bottom:0px;}


}