/*--portfolio--*/
/******** SAP ************/
.sap_tabs{
	clear:both;
	padding: 0;
}
.tab_box{
	background:#fd926d;
	padding: 2em;
}
.top1{
	margin-top: 2%;
}
.resp-tabs-list {
    list-style: none;
    padding: 4em 0 3em;
    margin: 0 auto;
    text-align: center;
}
.resp-tab-item {
    color: #333;
    font-size: 1em;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    text-align: center;
    list-style: none;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
    margin: 0 1.5em 0;
}
.resp-tab-active {
    text-shadow: none;
    color: #fc4f6b;
    border-bottom: 2px solid;
}
.resp-tabs-container {
	padding: 0px;
	clear: left;	
}
h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}

.tab_img{
	padding:2em 0 0;
	display: inline-block;
}
.portfolio-grids a {
    display: block;
    overflow: hidden;
	position:relative;
}
.portfolio-grids img.img-responsive {
    width: 100%;
}
.b-wrapper {
    background: rgba(0, 0, 0, 0.58);
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100%;
    left: 0;
	transition:.5s all;
	font-size: 10px;
}
.portfolio-grids a:hover .b-wrapper{
	bottom: 0%;
}
.b-wrapper h5 {
    font-size: 3.5em;
    color: #fff;
    text-align: center;
    margin-top: 2.5em;
}
/*--//portfolio--*/

/*---- responsive-design -----*/
@media(max-width:1440px){
.banner-text-info {
	width: 42%;
	margin: 12em auto 0;
}
.banner {
    min-height: 725px;
}
}
@media(max-width:1366px){
.banner-text-info {
    width: 44%;
    margin: 11em auto 0;
}
.welcome, .skills, .services, .portfolio, .contact {
    padding: 6em 0;
}
.servc-grids, .team-info {
    margin-top: 4em;
}
.resp-tabs-list {
    padding: 4em 0 2em;
}
.twitter {
    padding: 5em 0;
}
.footer {
    padding: 4em 0;
}
}
@media(max-width:1280px){
.banner {
    min-height: 700px;
}
.banner-text-info {
    width: 47%;
}
.banner-text h2.bnr-title, .banner-text h3.bnr-title {
    font-size: 2.8em;
}
.top-nav ul li {
    margin: 0 1.5em;
}
.welcome, .skills, .services, .portfolio, .contact {
    padding: 5em 0;
}
.welcome h4 {
    font-size: 1.6em;
    width: 70%;
}
.team {
    padding: 5em 0 7em;
}
}
@media(max-width:1080px){
.top-nav ul li a.sign-in {
    padding: .5em 1em;
    font-size: 1.1em;
}
.top-nav ul li {
    margin: 0 1.2em;
}
.banner-text-info {
    width: 50%;
	margin: 9em auto 0;
}
.banner-text h2.bnr-title, .banner-text h3.bnr-title {
    font-size: 2.6em;
}
.banner-text p {
    font-size: 1em;
    margin-top: 0.5em;
}
.more a {
    font-size: 1em;
    padding: .9em 1.8em;
}
.button-tamaya::before {
    padding-top: 0.9em;
}
.modal-dialog {
    margin: 9em auto 0;
}
.callbacks_nav {
    left: 11%;
}
.callbacks_nav.next {
    right: 11%;
}
h3.title {
    font-size: 3.8em;
}
.banner {
    min-height: 650px;
}
.welcome-text h5 {
    margin-top: 1.4em;
}
.servc-grids, .team-info {
    margin-top: 3em;
}
.servc-grid {
    padding: 0 2em;
}
.team-grids.team-mdl {
    margin: 0 1.5em;
}
.team-grids.team-mdl1 {
    margin-right: 1.5em;
}
.team-grids {
    border: 8px solid #404040;
    padding: 2em 1.5em;
	width: 23%;
}
.team-grids p {
    margin-top: 0.6em;
}
.resp-tabs-list {
    padding: 3em 0 1em;
}
.twitter {
    padding: 4em 0;
}
.twitter h4 {
    margin-top: 1em;
    padding-bottom: 1em;
}
p.twit-text {
    margin: 1em auto 0;
    letter-spacing: 0px;
}
.address ul li {
    font-size: 1.2em;
}
.faq iframe {
    min-height: 20em;
}
.footer {
    padding: 3.5em 0;
}
}
@media(max-width:1024px){
.banner-text-info {
    width: 53%;
	margin: 8em auto 0;
}
.banner {
    min-height: 600px;
}
.contact-form {
    width: 70%;
}
}
@media(max-width:991px){
.logo h1 {
    font-size: 3.6em;
}
.top-nav {
    padding-top: 1em;
}
.top-nav ul li a {
    font-size: 1.3em;
}
.top-nav ul li {
    margin: 0 0.8em;
}
.top-nav ul li:nth-child(6) {
    margin-right: 0;
}
.banner-text h2.bnr-title, .banner-text h3.bnr-title {
    font-size: 2.4em;
}
.banner-text-info {
    width: 55%;
    padding: 3em;
}
.banner {
    min-height: 560px;
}
.welcome h4 {
    font-size: 1.4em;
    width: 80%;
}
p.w-text {
    width: 100%;
    letter-spacing: 0px;
}
.welcome-row {
    margin-top: 2em;
}
.welcome-grids {
    float: left;
    width: 33.33%;
    padding: 0 .5em;
}
.welcome, .skills, .services, .portfolio, .contact {
    padding: 4em 0;
}
.servc-grid {
    padding: 0 1em;
    float: left;
    width: 33.33%;
}
.servc-grid.servc-grid-btm {
    margin-top: 3em;
}
.team {
    padding: 4em 0 6em;
}
.team-grids {
    padding: 1.3em 1em;
    width: 23.8%;
    float: left;
    border: 5px solid #404040;
}
.team-grids.team-mdl {
    margin: 0 .8em;
}
.team-grids.team-mdl1 {
    margin-right: .8em;
}
.team-grids h5 {
    font-size: 1.6em;
}
.team-grids p {
    font-size: .9em;
}
.team .social-icons ul li a {
    background-position: 3px -66px;
    background-size: 110%;
    height: 30px;
    width: 30px;
}
.team .social-icons ul li a.fb {
    background-position: 1px -32px;
}
.team .social-icons ul li a.in {
    background-position: 1px -98px;
}
.team .social-icons ul li:nth-child(2) {
    margin: 0 .3em;
}
.welcome-text h5 {
    margin-top: 1.3em;
    font-size: 3em;
}
h3.title {
    font-size: 3.6em;
}
.servc-grids, .team-info {
    margin-top: 2em;
}
.callbacks_tabs {
    bottom: 8%;
}
.resp-tab-item {
    margin: 0 1em 0;
}
.portfolio-grids {
    float: left;
    padding: 0 .5em;
}
.tab_img {
    padding: 0.5em 0 0;
}
.portfolio-grids.portfolio-three {
    width: 53%;
}
.b-wrapper h5 {
    font-size: 2.5em;
    margin-top: 2em;
}
p.twit-text {
    width: 100%;
}
.contact-form {
    width: 90%;
}
.form-left,.form-right  {
    float: left;
    width: 50%;
}
.contact-form p {
    margin: 1em 0 2em;
}
.address ul li {
    font-size: 1.1em;
    width: inherit;
}
.address ul li:nth-child(2) {
    margin: 0 2.5em;
}
.faq li a {
    font-size: 1.1em;
}
.footer {
    padding: 2.5em 0;
}
.footer h3 {
    font-size: 3.5em;
}
}
@media(max-width:800px){
.callbacks_nav {
    height: 40px;
    width: 40px;
    background-size: 174%;
}
.callbacks_nav.next {
    background-position: -16px 9px;
}
.banner-text h2.bnr-title, .banner-text h3.bnr-title {
    font-size: 2em;
}
.banner-text-info {
    width: 57%;
    padding: 2.5em;
	margin: 7em auto 0;
}
.more a {
    padding: .7em 1.8em;
}
.button-tamaya::before {
    padding-top: 0.7em;
}
.banner {
    min-height: 500px;
}
.callbacks_nav {
    top: 50%;
}
.b_label {
    font-size: 1.1em;
}
.contact input[type="submit"] {
    padding: 0.6em 4em;
}
.faq iframe {
    min-height: 17em;
}
.footer p {
    margin: 1em 0 1.5em;
}
}
@media(max-width:768px){
.welcome, .skills, .services, .portfolio, .contact {
    padding: 3em 0;
}
h3.title {
    font-size: 3.4em;
}
.welcome h4 {
    font-size: 1.3em;
	border-bottom: 1px dashed #E0B5B8;
}
.servc-grid span {
    font-size: 2em;
}
.servc-grid h4 {
    font-size: 1.3em;
    margin-left: 0.8em;
    line-height: 1em;
}
.team {
    padding: 3em 0 5em;
}
.twitter .social-icons ul li a {
    width: 45px;
    height: 45px;
    background-position: 3px 3px;
}
.twitter h4 {
    font-size: 1.4em;
}
.twitter h4:after {
    width: 70px;
    left: 45.5%;
}
.twitter {
    padding: 3.5em 0;
}
p.twit-text {
    width: 77%;
}
.contact input[type="text"] {
    margin-bottom: 1em;
}
.contact input[type="submit"] {
    padding: 0.6em 3em;
}
.footer h3 {
    font-size: 3em;
}
}
@media(max-width:767px){
.top-nav {
    margin: 0 2em;
}

button.navbar-toggle {
    background: #EB5963;
    border-color: #CEC8C8;
}
.navbar-toggle .icon-bar {
    background: #fff;
}
.top-nav ul li {
    display: block;
	margin: .5em 0;
}
.top-nav ul li a {
    padding: 5px 0;
}
div#bs-example-navbar-collapse-1 {
    background: #000;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 87%;
    z-index: 999;
}
ul.nav.navbar-right {
    text-align: center;
}
.navbar-right .dropdown-menu {
    min-width: 100%;
    position: relative;
	text-align:center;
}
.menu__link::before, .menu__link::after {
    height: 2px;
}
.top-nav ul li a.sign-in {
    padding: .5em 3em;
    display: inline-block;
}
}
@media(max-width:640px){
.banner-text h2.bnr-title, .banner-text h3.bnr-title {
    font-size: 1.8em;
}
.banner-text-info {
    width: 73%;
}
.callbacks_nav {
    left: 3%;
}
.callbacks_nav.next {
    right: 3%;
}
.banner-text-info {
    margin: 5.5em auto 0;
}
.banner {
    min-height: 450px;
}
.banner-text p {
    letter-spacing: 0px;
}
.welcome h4 {
    margin: 0.5em auto;
    line-height: 1.4em;
	width: 85%;	
}
.booking-info h3 {
    font-size: 1.8em;
}
.modal-dialog {
    margin: 8em auto 0;
	width: 80%;
}
.reservation ul li.desti,.reservation ul li.span1_of_1{
    width: 46%;
}
.reservation ul li.span1_of_2 {
    width: 30%;
}
.welcome-row {
    margin-top: 1.5em;
}
.welcome-grids {
    padding: 0 .2em;
}
.welcome-text h5 {
    margin-top: 1.2em;
    font-size: 2.5em;
}
.skills-info {
    margin-top: 1.5em;
}
.bar_group__bar.thin {
    margin-bottom: 1.5em;
}
.team-grids {
    padding: 3em 1em;
    width: 35.2%;
    margin: 0 3.5em;
}
.team-grids.team-mdl {
    margin: 0 .8em 1em;
}
.callbacks_tabs {
    bottom: 4%;
}
.resp-tabs-list {
    padding: 2em 0 1em;
}
.contact textarea {
    min-height: 8em;
}
.contact input[type="submit"] {
    font-size: 1em;
}
.address ul li {
    font-size: 0.9em;
}
.address ul li:nth-child(2) {
    margin: 0 2em;
}
#toTop {
    width: 35px;
    height: 35px;
    background-size: cover;
}
.faq span.glyphicon {
    font-size: 0.9em;
}
.team-grids {
    width: 39%;
    margin: 0 2.5em;
	padding: 2em 1em;
}
.team-grids:hover div.team-img {
    top: -130%;
}
.b-wrapper h5 {
    font-size: 2em;
}
.twitter {
    padding: 3em 0;
}
.address ul li {
    display: block;
}
.address ul li:nth-child(2) {
    margin: 1em 0;
}
.faq iframe {
    min-height: 13em;
}
.footer h3 {
    font-size: 2.8em;
}
.footer p {
    margin: 0.3em 0 1em;
}
select {
    width: 85%;
}
}
@media(max-width:600px){
.booking-info h3 {
    font-size: 1.7em;
}
.booking-form {
    margin-top: 1.5em;
}
select {
    width: 91%;
}
}
@media(max-width:480px){
.logo h1 {
    font-size: 3em;
}
.top-nav {
    margin: 0 1em;
}
button.navbar-toggle {
    margin: 5px 5px 0;
}
.banner-text h2.bnr-title, .banner-text h3.bnr-title {
    font-size: 1.6em;
}
.banner-text-info {
    width: 75%;
    padding: 2em 1em 1em;
}
.banner-text p {
    font-size: 0.9em;
}
.banner {
    min-height: 370px;
}
.banner-text-info {
    margin: 4em auto 0;
}
.modal-body {
    padding: 1.5em;
}
.booking-info h3 {
    font-size: 1.4em;
}
.book_date input[type="text"], .book_date input[type="date"] {
    font-size: 0.9em;
}
.reservation ul li.desti, .reservation ul li.span1_of_1 {
    width: 45%;
}
.reservation h5 {
    font-size: 1em;
}
.reservation ul li.span1_of_1 {
    margin-bottom: 1.5em;
}
.date_btn {
    margin: 1.5em 0 0 0;
}
.reservation ul li.left {
    margin-left: 1em;
}
select {
    width: 100%;
    font-size: 0.9em;
}
.callbacks_nav {
    height: 35px;
    width: 35px;
    background-size: 174%;
	background-position:7px 7px;
}
.callbacks_nav.next {
    background-position: -14px 7px;
}
h3.title {
    font-size: 3em;
}
.welcome, .skills, .services, .portfolio, .contact {
    padding: 2.5em 0;
}
.welcome h4 {
    width: 100%;
}
.welcome h4 {
    padding-bottom: 0.5em;
}
p {
    font-size: 0.9em;
}
.welcome-text h5 {
    font-size: 2em;
}
.b_label {
    font-size: 1em;
}
.bar_group__bar.thin {
    height: 5px;
}
.bar_group__bar.thin::before, .bar_group__bar.thick::before {
    height: 5px;
}
.bar_group__bar.thin {
    margin-bottom: 1em;
}
.servc-grid {
    width: 50%;
}
.servc-grid:nth-child(1),.servc-grid:nth-child(2){
    margin-bottom: 2em;
}
.servc-grid.servc-grid-btm:nth-child(4) {
    margin: 0;
}
.servc-grid.servc-grid-btm {
    margin-top: 2em;
}
.team-grids {
    width: 46%;
    margin: 0 0.8em;
}
.team-grids.team-mdl1 {
    margin-right: 0;
}
.team-grids.team-mdl {
    margin: 0 0 1em;
}
.resp-tab-item {
    margin: 0 0.8em 0;
    font-size: 0.9em;
}
.portfolio-grids {
    padding: 0 .2em;
}
.b-wrapper h5 {
    font-size: 1.6em;
}
.tab_img {
    padding: 0;
}
.resp-tabs-list {
    padding: 1.5em 0 1em;
}
p.twit-text {
    width: 100%;
    font-size: 0.9em;
}
.twitter h4 {
    padding-bottom: 0.5em;
	margin-top: 0.8em;
}
.twitter h4:after {
    width: 90px;
    left: 40.5%;
}
.contact-form {
    width: 100%;
}
.contact-form p {
    margin: 0.5em 0 1em;
}
.footer {
    padding: 2em 0;
}
.social-icons ul li a {
    background-position: 4px 4px;
    background-size: 100%;
    height: 35px;
    width: 35px;
}
.social-icons ul li a.fb {
    background-position: 1px -32px;
}
.social-icons ul li a.in {
    background-position: 5px -67px;
}
.social-icons ul li:nth-child(2) {
    margin: 0 .3em;
}
.social-icons ul li a.fb {
    background-position: 3px -32px;
}
.social-icons ul li a.dott {
    background-position: 3px -102px;
}
.callbacks_tabs {
    left: 43%;   
}
@media(max-width:414px){
button.navbar-toggle {
    margin: 3px 5px 0;
    padding: 8px 8px;
}
.banner-text h2.bnr-title, .banner-text h3.bnr-title {
    font-size: 1.5em;
}
.more a {
    font-size: 0.9em;
    margin-top: 0.5em;
}

.button-tamaya::before, .button-tamaya::after {
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -moz-transition: transform 0.6s;
}
.banner {
    min-height: 360px;
}
.welcome-grids {
    padding: 0;
    width: 80%;
    margin: 0 auto;
    float: none;
}
.welcome-grids:nth-child(2) {
    margin: 1em auto;
}
.welcome-text h5 {
    margin-top: 2.6em;
}
.servc-grid {
    padding: 0 0.5em;
}
.servc-grid:nth-child(1), .servc-grid:nth-child(2) {
    margin-bottom: 1.5em;
}
.servc-grid.servc-grid-btm {
    margin-top: 1.5em;
}
.team {
    padding: 2.5em 0 4em;
}
.team-grids p {
    font-size: .87em;
}
.team-grids {
    width: 49%;
    margin: 0 0.2em 0 0;
    padding: 1.2em 1em;
}
.team-grids.team-mdl {
    margin: 0 0 .5em;
}
.team-grids.team-mdl1 {
    margin-right: 0.2em;
}
.social-icons {
    margin-top: 0.5em;
}
.resp-tab-item {
    margin: 0 1em 0.5em;
}
.b-wrapper h5 {
    font-size: 1.3em;
}
.twitter {
    padding: 2.5em 0;
}
.twitter .social-icons ul li a {
    width: 40px;
    height: 40px;
    background-position: 4px 3px;
}
.twitter h4 {
    margin-top: 0.6em;
    font-size: 1.2em;
}
.twitter h4:after {
    left: 37%;
}
.form-left, .form-right {
    float: none;
    width: 100%;
	padding: 0;
}
.contact input[type="text"] {
    font-size: 0.9em;
	padding: .6em 1em;
}
.contact textarea {
    min-height: 6em;
}
.contact input[type="submit"] {
    font-size: 0.9em;
}
.footer h3 {
    font-size: 2.5em;
}
.modal-dialog {
    margin: 2em auto 0;
    width: 95%;
}
.booking-form {
    margin-top: 1em;
}
.reservation ul li.span1_of_1 {
    margin-bottom: 1em;
}
.reservation ul li.desti, .reservation ul li.span1_of_1 {
    width: 100%;
}
.reservation ul li.desti:nth-child(2) {
    margin-left: 0;
}
.booking-info h3 {
    font-size: 1.3em;
}
.reservation ul li.left {
    margin-left: 0;
}
select {
    width: 67%;
	padding: 5px 33px 5px 10px;
}
.reservation ul li.span1_of_2 {
    width: 40%;
}
.reservation ul li.span1_of_2.economy {
    width: 57%;
	margin-top: 1em;
}
.modal-header {
    padding: 14px;
}
.reservation h5 {
    margin-bottom: 5px;
	font-size: 0.9em;
}
.top-nav ul li a.sign-in {
    padding: .5em 2em;
}
.book_date span.glyphicon-calendar, .book_date span.glyphicon-map-marker {
    font-size: 0.9em;
}
.date_btn {
    margin: 1em 0 0 0;
}
}
@media(max-width:375px){
.banner-text p {
    font-size: 0.87em;
}
.banner-text-info {
    margin: 3em auto 0;
    padding: 1.5em 1em 1em;
}
.callbacks_nav {
    height: 30px;
    width: 30px;
}
.banner-text h2.bnr-title, .banner-text h3.bnr-title {
    font-size: 1.3em;
}
.more a {
    padding: .6em 1.5em;
}
.button-tamaya::before {
    padding-top: 0.6em;
}
.banner {
    min-height: 315px;
}
.welcome-grids {
    width: 100%;
}
.welcome-text h5 {
    margin-top: 3em;
}
.bar-left,.bar-right{
    float: none;
    width: 100%;
    padding: 0;
}
.servc-grid {
    width: 100%;
    float: none;
}
.servc-grid:nth-child(3){
    margin-bottom: 1.5em;
}
.servc-grids, .team-info {
    margin-top: 1em;
}
.team {
    padding: 2.5em 0 3em;
}
.team-grids {
    width: 77%;
    margin: 0 auto 0.5em;
    padding: 4em 1em;
    float: none;
}
.team-grids.team-mdl{
	 margin: 0 auto 0.5em;
}
.team-grids.team-mdl1 {
    margin-right: auto;
}
.callbacks_tabs {
    bottom: 1%;
    left: 41%;
}
.resp-tab-item {
    margin: 0 1.8em 0.8em;
}
}
@media(max-width:320px){
.logo h1 {
    font-size: 2.8em;
}
.banner-text h2.bnr-title, .banner-text h3.bnr-title {
    font-size: 1.1em;
}
.banner-text p {
    font-size: 0.85em;
}
.banner-text-info {
    padding: 1em 0.5em 0.5em;
    width: 80%;
}
.banner {
    min-height: 300px;
}
.callbacks_nav {
    left: 0%;
}
.callbacks_nav.next {
    right: 1%;
}
.welcome, .skills, .services, .portfolio, .contact {
    padding: 2em 0;
}
h3.title {
    font-size: 2.5em;
}
.welcome h4 {
    font-size: 1.2em;
}
p {
    font-size: 0.87em;
}
.servc-grid:nth-child(1), .servc-grid:nth-child(2) {
    margin-bottom: 1em;
}
.team {
    padding: 2em 0 3em;
}
.team-grids {
    width: 86%;
    padding: 3em 1em;
}
.callbacks_tabs {
    bottom: 1.5%;
    left: 39%;
}
.resp-tab-item {
    margin: 0 1.5em 0.8em;
}
.resp-tabs-list {
    padding: 1.5em 0 0.5em;
}
.portfolio-grids {
    padding: 0;
    margin-bottom: .5em;
	float: none;
    width: 100%;
}
.b-wrapper h5 {
    font-size: 2em;
    margin-top: 4em;
}
.portfolio-grids.portfolio-two .b-wrapper h5 {
	 margin-top: 1.5em;
}
p.twit-text {
    font-weight: 400;
    font-size: 0.89em;
}
.contact input[type="text"] {
    margin-bottom: 0.5em;
}
.address ul li:nth-child(2) {
    margin: 0.8em 0;
}
.faq li a {
    font-size: 1em;
}
.faq span.glyphicon {
    font-size: 0.85em;
}
.footer h3 {
    font-size: 2.3em;
}
.top-nav ul li a.sign-in {
    padding: .4em 1.5em;
}
.modal-body {
    padding: 1em;
}
.reservation ul li.span1_of_2.economy {
    width: 69%;
}
}
}

/*--//responsive-design---*/