@import url("animate.css");
.hiddenani{
     opacity:0;
     display: block !important;
}
.visibleani{
     opacity:1 !important;
}
body {
    font-size: 16px;
    margin:0px;
    color: #727272;
    line-height: 1.375;
    padding: 0px;
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;
    overflow-y: auto;
}
/* Layout */
ul, ul li {
    margin: 0px;
    list-style: none;
    padding: 0px;
}
a {text-decoration: none;color:#f9461d;font-family: 'Open Sans', sans-serif;}
a:hover { text-decoration: none; color: #cd8f16;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
h1, h2 {
    font-size: 1.8em;
    margin: 20px 0 25px;
    font-weight: 400;
    color: #333;
}
h3 {
    font-size: 1.2em;
    margin: 20px 0 25px;
    font-weight: 400;
    color: #000;
    line-height:140%;
    }
h4 {
    font-size: 1.4em;
    margin: 25px 0 25px;
    font-weight: 400;
    color:  #1729a7;
    line-height:140%;
}

img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
}
p {margin-bottom: 15px;color: #727272;font-size: .95em;font-weight: 400;line-height: 2em;}

.no-padding {
    padding: 0px !important; 
}
.no-padding-top {
    padding-top: 0px !important;
}
.no-padding-bottom {
    padding-bottom: 0px !important;
}
.no-padding-left {
    padding-left: 0px !important;
}
.no-padding-right {
    padding-right: 0px !important;
}
.margin-bottom {
    margin-bottom: 10px;
}
#fContentPre .fModule,
#fContentPost .fModule {
    padding:60px 0px;
    overflow:hidden;
}

/*Background */
.fBgDark {
    background: #cd8f16;
    color: #ffffff;
}
.fBgDark a {color: #ffffff; }
.fBgDark a:hover {}
.fBgLight {
    background: #0d2d62;
    color: #fff !important;
}
.fBgLight a {color: #505050;}
.fBgLight a:hover { color: #005d88;}
.fBgWhite {
    background: #ffffff;
    color: #000000;
    border: 1px solid #cecece;
}
.fBgWhite a, .fBgWhite a:hover {color: #d34344;}
.fBgColor {
    background: #fff;
    color: #ccc;
}
.fBgColor p {
    color: #aeaeae;
}
.fBgColor a, .fBgColor h3, .fBgColor h4 {color: #ffffff; line-height: 120%;}
.fBgColor a:hover {}
/* Button */
a.fButton,
input.fButton {
    /*padding:12px 40px;
    margin: 10px 0px;*/
    padding: 14px 40px;
    margin: -15px 0px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-size: 1em;
    text-align: center;
    background-color: #00bcd4;
    border-color: #480d09;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 0px;
    border-radius: 22px;
}
/*a.fButton:hover,
input.fButton:hover {
    background: #e4a700;
    color:#fff;
}*/
a.fButton1,
input.fButton1 {
    padding:12px 40px;
    margin: 10px 0px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-size: 0.89em;
    border-radius: 22px;
    text-align: center;
    background: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 2px solid #fff;
}
a.fButton1:hover, input.fButton1:hover {
    background: #fff;
    color: #828189;
}

/* Column */
#fMatter .fCol5 .fGalleryImages .fGalleryItem,
#fContentPost .fCol5 .fGalleryImages .fGalleryItem,
.fCol5 .fGalleryImages .fGalleryItem {
    width: 20%;
    float: left;
    padding: 2em;
}
/* Common CSS */
.border {
    border:6px solid #fff;
    box-shadow: 0px 0px 2px 2px #ccc;
    border-radius:3px;
}
body.path---company #fMatter h1 {
    display:none;
    height:0px;
}
#fMatter h1,
#fContentPost h3 {
    text-align: left;
    color: #333;
    font-weight: 600;
    font-size: 31px;
}
#fMatter h1,
#fContentPost h3 span {
    font-weight:700;
}

#fMatter h4 {
    font-size: 1.2em;
    color: #1729a7;
}
#fMatter form p {
    margin-bottom: 12px;
}
input.form-control,
textarea.form-control {
    display: inline-block;
    margin: 10px 0px;
}
/* Module */
.fModuleEnd .fModuleTitle,
.fModuleEnd .fModuleContent,
.fModuleBoxed {
  margin: 0 auto;
}   
/*header style1*/
header .region-header,.fHeader1 .hdr_sponcer_sec .fModuleContent{
    display: inline-block;
    width: 100%;
}
header .navbar-header{
    line-height: 0;
}
header{
    position: relative;
    z-index: 1;
}
.fHeader1.set{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: #fff;
}
.fHeader1.set .logo_sec .fGalleryImages, .fHeader1.set .hdr_sponcer_sec .fGalleryImages{
    padding: 10px 0;
    transition: 0.5s ease;
}
.fHeader1 .logo_sec .fGalleryImages a,.fHeader1 .hdr_sponcer_sec .fGalleryImages li a{
    display: block;
}
.fHeader1 .logo_sec .fGalleryImages a > img{
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.fHeader1 .hdr_sponcer_sec .fGalleryImages{
    float: right;
}
.fHeader1 .main_menu,.fHeader1 .main_menu .fMenu,.fHeader1 .main_menu nav,.fHeader1 .main_menu .fModuleContent{
    float: left;
    width: 100%;
}
.fHeader1 .main_menu .fMenu{
    position: relative;
    z-index: 0;
}
.fHeader1 .main_menu .fMenu:after{
    content: "";
    position: absolute;
    width: 1500%;
    height: 103%;
    left: -150%;
    top: -1px;
    z-index: -1;
    border-top: 1px solid #0b9444;
    border-bottom: 1px solid #0b9444;
}
.fHeader1 .main_menu .fMenu li{
    float: left;
    position: relative;
}
.fHeader1 .main_menu .fMenu li a{
    font-size: 0.95em;
    color: #000000;
    padding: 15px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    transition: 0.1s ease;
    background: #fff;
}
.fHeader1 .main_menu .fMenu li.active a{
    background: #0b9444;
    color: #fff;
    transition: 0.1s ease;
}
.fHeader1 .main_menu .fMenu li > ul{
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    padding: 15px;
    background: #0b9444;
    visibility: hidden; /* hides sub-menu */
    opacity: 0;
    transform: translateY(-2em);
    z-index: -1;
    border-bottom: 2px solid #fff;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.fHeader1 .main_menu .fMenu li:nth-child(4) > ul{
    width: 500px;
}
.fHeader1 .main_menu .fMenu li:hover > ul{
    visibility: visible; /* shows sub-menu */
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}
.fHeader1 .main_menu .fMenu li > ul li{
    float: none;
}
.fHeader1 .main_menu .fMenu li > ul li a{
    background: none;
    color: #fff;
}
.fHeader1 .main_menu .fMenu li > ul li:hover a{
    background: #fff;
    color: #0b9444;
}
.fHeader1 .logo_sec .fGalleryImages,.fHeader1 .hdr_sponcer_sec .fGalleryImages{
    padding: 20px 0;
     transition: 0.5s ease;
}
header.fHeader1.set::before{
    top: -55px;
    transition: 0.5s ease;
}
/*Home*/
.path---home #fContent {
    display: none;
}
/*Banner*/
#fBanner .fGalleryImages .fGalleryItem .fGalleryText {
    position: absolute;
    top: 78%;
    left: 9%;
    right: 10%;
}
#fBanner .fGalleryImages .fGalleryItem .fGalleryText h3  span {
    font-size: .45em;
    font-weight: 400;
    font-family: 'Open Sans', Arial;
}
#fBanner .fGalleryImages .fGalleryItem .fGalleryText h3 a {
    color: #fff;
    font-weight: 400;
    line-height: 130%;
}
#fBanner .fGalleryImages .fGalleryItem .fGalleryText h3 {
    padding: 15px 15px;
    font-family: 'Bitter', serif;
    color: #fff;
    font-size: 1.9em;
    display: table;
    font-weight: 700;
    text-align: left;
    line-height: 1;
  background: rgba(0,0,0,.4);
}
body.is-home #fBanner .fGalleryImages .fGalleryItem .fGalleryText h3 {
    padding: 15px 15px;
    font-family: 'Bitter', serif;
    color: #fff;
    font-size: 2.5em;
    display: table;
    font-weight: 700;
    text-align: left;
    line-height: 1;
    background: transparent !important;
}
body.is-home #fBanner .fGalleryImages .fGalleryItem .fGalleryText {
    position: absolute;
    top: 35%;
    left: 20%;
    right: 20%;
}
#fBanner .fBanner .fGalleryImages .fGalleryItem a.fGalleryImage img {
    margin: 0px auto;
    width: 100%;
}
#fBanner .fGalleryImages .fGalleryItem .fGalleryText p {
    margin-left: 0px;
}
.bx-wrapper {margin: 0 !important;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom:120px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ffffff !important;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius:10px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: rgb( 199, 199, 199 );
}
/*Home page Banner text center*/
#fBanner .fGalleryImages .fGalleryItem .fGalleryText p {
    text-align: center;
}
.faboutcontent{
    left: 21px;
    text-align: justify;
}
.faboutcontent h3 {
    font-size: 30px !important;
    text-align: left !important;
}
#fBanner .bx-controls-direction {
    display: none;
}
/*About End*/

.progress-bar-custom {
    margin-bottom: 60px;
}
.progress {
  background-color: #ebebeb;
  height: 29px;
  overflow: hidden;
  border:1px solid #c4c4c4;
}
.progress-bar {
  background-color: #00bcd4;
  line-height: 27px;
}
.fAboutEnd{
    background: #f5f5f5;
}
.award-win {
    background: #00bcd4;
    padding: 60px 10px;
    color: #fff;
    text-align: center;
}
/*Our Service*/
.fOurServices .fModuleTitle span {
    color: #00bcd4;
}
.fOurServices{
    background: #f5fcfd;
}
.fOurServices a {
    color: #00bcd4;
}
.feature-icon i {
    font-size: 50px;
    color: #a1a1a1;
}
.feature-text h4 {
    font-size: 16px;
    text-transform: uppercase;
}
.feature-text p {
    margin: 5px 0;
    text-align: justify;
}
.fOurServices .fModuleContent {
    padding-left: 66px;
    padding-right: 61px
}
/*Featured Work*/
.fPromotionalTours span{
   color: #00bcd4;
}
.fPromotionalTours {
    padding: 0 !important;
}
.fPromotionalTours ul li {
    padding: 0 !important;
}
.fPromotionalTours ul li .fGalleryText {
    position: absolute;
    top: 66%;
    padding-left: 5%;
    font-size: 0.5em;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0px;
    left: 0;
    margin: 0 0px;
    line-height: 125%;
    color: white;
    opacity: 0;
    transition: opacity 0.5s;
    background: rgba(206,0,35,0);
    vertical-align: middle;
}
.fPromotionalTours .fGalleryItem:hover .fGalleryText {
    background-color: #00bcd4;
    -webkit-transition: ease-in-out .7s;
    -moz-transition: ease-in-out .7s;
    -o-transition: ease-in-out .7s;
    -ms-transition: ease-in-out .7s;
    transition: ease-in-out .7s;
    opacity: 1;
}
.fPromotionalTours .fGalleryText h3 {
    margin-top: 20% !important;
    font-size: 2.4em !important;
}
.fPromotionalTours .fGalleryText h3 a {
    color: #fff;
    text-transform: uppercase;
}
.fPromotionalTours .fGalleryText p {
    text-align: center;
    color: #fff;
    font-size: 1.6em;
 
    line-height: 1.2;
    margin: 5% 10%;
}
/* Blog Module (3 Col) */
.fBlogPage span {
	color: #00bcd4;
}
.fBlogPage ul.ui-list li {
    width: 28%;
    margin: 10px 28px 25px !important;
    padding: 0px !important;
    box-shadow: 0px 0px 10px 3px rgba(54,57,73,.08);
}
.fBlogPage ul.ui-list li:hover {
    box-shadow: 0px 6px 35px 3px rgba(54,57,73,.08);
}
.fBlogPage .ui-list.ui-list-blog > li .summary {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}
.fBlogPage .ui-list.ui-list-blog > li p {
    margin: 0px !important;
}
.fBlogPage .ui-list.ui-list-blog > li .summary img {
    height: 272px;
}
.fBlogPage ul.ui-list-blog li h4 {
    margin-bottom: 15px !important;
    margin-top: 20px !important;
    font-size: 1em !important;
    height: 55px;
}
.fBlogPage ul.ui-list-blog li .subtitle {
    font-size: .9em;
    display: none;
}
body.path---blog .fBlogPage ul.ui-list-blog h4 > a {
    font-size: 0.95em;  
}
.fBlogPage ul.ui-list-blog h4 > a {
    border: 0px;
    padding:  0px;
    background: transparent;
    font-size: 1.2em;
    line-height: 130%;
    margin: 0px 25px;
    font-weight: 500;
}
/*View all*/
.fViewAll{
	margin-top: -71px;
}
/*contact From*/
.fContact{
	 background-color: #eceff2;
    padding: 60px;
}
.fContact .fModuleContent div .row {
    display: flex;
}
.fContactDetails {
    background-color: #eceff2;
    padding: 60px;
}
.fContactDetails h3 {
    font-size: 1.5em !important;
    text-align: left !important;
        font-weight: 400 !important;
}
.fContactForm {
     padding:30px 60px;
}
.fContactForm form p.fHalf {
    width: 50%;
  margin: 10px 10px;
}
.fContactForm .form-control {
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.fContactForm  form.fForm1 .row {
    margin: 0 !important;
    display: inline-flex;
    width: 100%;
}
.fContactForm  form.fForm1 .fTextarea, .fContactForm  form.fForm1 .fFormButton {
    margin: 30px 10px !important;
}
    .fContactDetails ul li i {
    font-size: 1.5em;
    color: #00bcd4;
    padding: 15px 15px;
    border: 2px solid #eee;
    border-radius: 100%;
     margin-right: 15px;
    background-color: #fff;
    height: 60px;
    width: 60px;
}
.fContactDetails ul li {
    margin-bottom: 15px;
    font-size: 0.89em;
}
.fContactDetails ul li a {
    color: #727272 !important;
}
.fContactDetails ul li a:hover {
     color: #cda17b !important;
}
.fContact h3 span {
    font-weight: 400 !important;
    font-size: 0.69em;
}
.fContact {padding: 0 !important;}

/*Map...*/
.fMap{
	/*margin-top: -52px;*/
    padding:0px 0px !important;
}

/*Footer....*/
#fFooter {
    background-color: #fff;
    background: url(../images/footer_bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
#fFooter .main_footer{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 250px;
}
#fFooter .main_footer ul{
    display: inline-block;
}
#fFooter .main_footer ul li{
    float: left;
    list-style: none;
    padding: 0 15px;
}
#fFooter .main_footer ul li a,#fFooter .main_footer p a{
    color: #fc3d41;
    text-decoration: none;
}
#fFooter .main_footer p{
    color: #444;
    margin:0;
}
/* PageTitle */
 body.is-home .fPageTitle {
    display:none;
}
.fPageTitle {
   font-size: 1.5em;
    padding-top: 250px;
    padding-bottom: 200px;
    margin: 0;
 	background:url(//storage.unitedwebnetwork.com/files/489/5d6d4f8b0d991730c9a8fd80ab9fcf6d.jpg);
    background-size: cover;
    position: relative;
    color: #fff;
    font-weight: bold;
    text-align: center;
    z-index: 0;
}
.fPageTitle h1 {
	color: white;
    font-weight: bold;
    text-transform: uppercase;
}



/* Responsive Homepage */
@media (max-width : 319px) {
        .fModuleEnd .fModuleTitle,
        .fModuleEnd .fModuleContent,
        .fModuleBoxed {
            width: 280px;
        }  
    }
    @media (min-width : 320px) {
        .fModuleEnd .fModuleTitle,
        .fModuleEnd .fModuleContent,
        .fModuleBoxed {
            width: 300px;
        }        
    }
    @media (min-width : 480px) {
        .fModuleEnd .fModuleTitle,
        .fModuleEnd .fModuleContent,
        .fModuleBoxed {
            width: 470px;
        }
    }
    @media (min-width: 768px) {
        .fModuleEnd .fModuleTitle,
        .fModuleEnd .fModuleContent,
        .fModuleBoxed {
            width: 750px;
        }
    }
    @media (min-width: 992px) {
        .fModuleEnd .fModuleTitle,
        .fModuleEnd .fModuleContent,
        .fModuleBoxed {
            width: 970px;
        }
    }
    @media (min-width: 1200px) {
        .fModuleEnd .fModuleTitle,
        .fModuleEnd .fModuleContent,
        .fModuleBoxed {
            width: 1170px;
        }
    }
    @media (min-width: 993px) and (max-width : 1200px) {
        #fBanner .fGalleryImages .fGalleryItem .fGalleryText h3, #fBanner .fGalleryImages .fGalleryItem .fGalleryText h3 a {
            font-size: 0.6em;
        }
        #fBanner .fGalleryImages .fGalleryItem .fGalleryText {
            position: absolute;
            top: 17%;
            left: 20%;
            right: 20%;
        }
        .faboutcontent p {
            padding-right: 30px !important;
        }
        .feature-icon i {
            font-size: 33px;
            color: #a1a1a1;
            padding-top: 8px;
        }
        .fBlogPage ul.ui-list li {
            width: 27%;
            margin: 10px 29px 25px !important;
            padding: 0px !important;
            box-shadow: 0px 0px 10px 3px rgba(54,57,73,.08);
        }
        .fBlogPage ul.ui-list-blog li h4 {
            margin-bottom: 15px !important;
            margin-top: 20px !important;
            font-size: 1em !important;
            height: 85px;
        }
        .fBlogPage .ui-list.ui-list-blog > li .summary img {
            height: 194px;
        }
    }

    @media (min-width : 768px) and (max-width : 992px) {
    
        #fMatter ul li {
            margin-left: 0px;
        }
        header .fNav {
            width: 100%;
            margin: 36px 5px;
        }
        .header nav li a:hover {
            border-radius: 0 !important;
        }
        #fBanner .fGalleryImages .fGalleryItem .fGalleryText {
        	position: absolute;
            width: 80%;
            left: 10% !important;
            right: 10%;
            top: 25% !important;
            padding: 0px !important;
        }

        #fBanner .fGalleryImages .fGalleryItem .fGalleryText h3, #fBanner .fGalleryImages .fGalleryItem .fGalleryText h3 a {
             font-size: 1.5em !important;
        }
        #fBanner .fGalleryImages .fGalleryItem .fGalleryText p {
            margin-top: 16px !important;
        } 

        .faboutcontent p {
            padding-right: 42px !important;
            text-align: justify;
        } 
        .fAbout img {    
            padding-left: 36px;
            padding-top: 46px;
        }
        .fAboutEnd .fModuleContent .row {
            margin-left: 10px;
            margin-right: 10px;
        } 
        /*Blog */
        .fBlogPage ul.ui-list li {
           width: 32%;
            margin: 10px auto 20px !important;
            padding: 0px !important;
            border: 1px solid #dedede;
        }
            width: 32%;
            margin: 1px 8px 0px 1px !important;
            padding: 0px !important;
            border: 1px solid #dedede;
        }
        .fBlogPage ul.ui-list-blog h4 > a {
        }
        .fBlogPage ul.ui-list-blog li h4 {
            margin-bottom: 38px !important;
            margin-top: 20px !important;
            font-size: 1em !important;
            height: 75px;
        }
        .fBlogPage .ui-list.ui-list-blog > li .summary img {
            height: 194px;
        }
    }
@media (max-width : 480px) {
        header h1.fLogo,
        header img {
            width: 77%;
            float: left;
            margin-top: 5px;
        }
        .navbar-toggle {
            margin: 30px 15px 10px 0px;
            float: right;
        }
        header .fLogo {
            margin: 25px 0;
        }
    }
    @media (max-width : 768px) {
        header img {
            width: 100%;
        }
        .navbar-toggle {
            margin: 30px 20px 0px 0px
        }
        header .fLogo {
            margin: 25px 0;
        }
        .navbar-toggle {display: block;}
        header nav {
            text-align: right;
            margin:0px;
        }
        header nav ul.fMenu {
            width: 100%;
            margin-top: 0px !important;
            background-color: #00bcd4;
        }
       
        header nav li {
            float: none;
            padding: 0px;
            display: inline-block;
            width: 100%;
            margin: 0 !important;
        }       
        header nav li a {
            text-align: left;
            color: #ffffff !important;
            padding: 8px 15px;
            font-size: .8em !important;
            margin-right: 0px;
              border-radius: 0 !important
        }       
        header nav li a:hover {
            background: #524a4a;
           border-radius: 0 !important
        }
        header nav ul ul {
            width: 100%;
            position: relative;
            box-shadow: 0px 0px 0px;
            left: 0;
            margin: 0px;
            border-left: 0px none;
            border-right: 0px none;
        }
        header nav li li {
            float: none;
            width: 100%;
            margin:0px;
            text-align: right;
        }   
    }
@media (max-width : 480px) {
        header h1.fLogo,
        header img {
            width: 77%;
            float: left;
            margin-top: 5px;
        }
        .navbar-toggle {
            margin: 30px 15px 10px 0px;
            float: right;
        }
        header .fLogo {
            margin: 25px 0;
        }
    }
    @media (max-width : 768px) {
        header img {
            width: 100%;
        }
        .navbar-toggle {
            margin: 30px 20px 0px 0px
        }
        header .fLogo {
            margin: 25px 0;
        }
        .navbar-toggle {display: block;}
        header nav {
            text-align: right;
            margin:0px;
        }
        header nav ul.fMenu {
            width: 100%;
            margin-top: 0px !important;
            background-color: #00bcd4;
        }
        header nav li {
            float: none;
            padding: 0px;
            display: inline-block;
            width: 100%;
            margin: 0 !important;
        }       
        header nav li a {
            text-align: left;
            color: #ffffff !important;
            padding: 8px 15px;
            font-size: .8em !important;
            margin-right: 0px;
              border-radius: 0 !important
        }       
        header nav li a:hover {
            background: #524a4a;
           border-radius: 0 !important
        }
        header nav ul ul {
            width: 100%;
            position: relative;
            box-shadow: 0px 0px 0px;
            left: 0;
            margin: 0px;
            border-left: 0px none;
            border-right: 0px none;
        }
        header nav li li {
            float: none;
            width: 100%;
            margin:0px;
            text-align: right;
        }   
    }
    @media (min-width: 769px) and (max-width : 992px) {
        header h1 a img {
            width: 75%; margin-top:5px;
        }
        nav {margin-top: 5px;}
        header nav li { padding: 0px 3px;}
        header nav li a {font-size: .9em;}
    }
    @media (min-width: 993px) and (max-width : 1200px) {
        header h1 a img {
            width: 90%; margin-top:5px;
        }
        nav {margin-top: 5px;}
        header nav li { padding: 0px 3px;}
        header nav li a {font-size: .9em;}
    }
    @media (min-width: 769px) and (max-width : 992px) {
        header h1 a img {
            width: 75%; margin-top:5px;
        }
        nav {margin-top: 5px;}
        header nav li { padding: 0px 3px;}
        header nav li a {font-size: .9em;}
    }
    @media (min-width: 993px) and (max-width : 1200px) {
        header h1 a img {
            width: 90%; margin-top:5px;
        }
        nav {margin-top: 5px;}
        header nav li { padding: 0px 3px;}
        header nav li a {font-size: .9em;}
    }

    @media (max-width : 767px) {
        .navbar-header {
            margin: 0px !important;
        }
        header {
   
            padding-left: 15px; 
            padding-right: 15px; 
        }
         .faboutcontent p {
         	margin-right: 37px !important;
         	text-align: justify;
         }    
         .faboutcontent h3 {
         	margin-top: 18px !important;
    		font-size: 1.6em !important;
         }  
         .fBlogPage ul.ui-list li {
		   width: 95%;
		    margin: 10px auto 20px !important;
		    padding: 0px !important;
		    border: 1px solid #dedede;
		}
		.fBlogPage ul.ui-list-blog li h4 {
		    margin-bottom: 38px !important;
		    margin-top: 20px !important;
		    font-size: 1em !important;
		    height: 55px;
		}
        .fBlogPage .ui-list.ui-list-blog > li .summary img {
            height: 194px;
        }
		.fFormButton {
			margin-top: 28px !important;
		}
			header.sticky {
			    background: #fff;
			    padding-bottom: 18px;
			}

        #fBanner .fGalleryImages .fGalleryItem .fGalleryText {
            width: 80%;
            left: 10% !important;
            right: 10%;
            top: 5%;
            padding: 0px !important;
            position: absolute;
            top: 35%;
            left: 5%;
            right: 5%;
        }
        #fBanner .fGalleryImages .fGalleryItem .fGalleryText h3, #fBanner .fGalleryImages .fGalleryItem .fGalleryText h3 a {
            font-size: 1em !important;
            margin: 10px 0px;
        }
        #fBanner .fGalleryImages .fGalleryItem .fGalleryText h4, #fBanner .fGalleryImages .fGalleryItem .fGalleryText p {
            font-size: 0.69em !important;
            margin-top: 5px;
        }
        h1, h2, h3, #fMatter h1, #fContentPost h3 {
            font-size: 2.2em;
        }

        .fLogo img {
            width: 80%;
        }
        .fTourPackage ul li  {
            width: 100%;
        }
        .head-padding {padding-top: 87px;}
        .fWhyChooseUsGallery ul li {
            margin-bottom: 60px;
        }
        .fTestimonial ul li {
            width: 100%;
        }
        .fContact .fModuleContent div .row {
            display: block !important;
        }
        .fContactForm form p.fHalf {
            width: 100% !important;
        }
        .fContactForm form.fForm1 .fTextarea, .fContactForm form.fForm1 .fFormButton {
            margin: 10px  -10px 10px 10px !important;
        }
        .fCount .row div:nth-child(1), .fCount .row div:nth-child(2), .fCount .row div:nth-child(3) {
            border-right: 0 !important;
        }
        .fContactForm form.fForm1 .fFormButton {
			margin-top: 28px !important;
            
        }
        .fImageWorkshop {
            padding: 30px;
            right:0px !important;
            margin: 15px 0 !important;  
        }
        .fImageWorkshop  img {
            margin: 0 auto;
        }
        .fTextWorkshop  {
            padding: 30px !important;
           text-align: center;
            left: 0px !important;
        }
        .fTextWorkshop  h3 {
            text-align: center !important;
        }       
    }

/*Banner Responsive */
@media (max-width: 480px) {
  #fBanner .fBanner .fGalleryImages .fGalleryItem a.fGalleryImage img {
    width: 225%; 
      max-width: 225%;
    margin-top: 0px !important;
  }
    .fBanner {
        text-align: center;
    }
  header .fContactHead {
    margin-left: 15px;
  }
  header nav li a {
    text-align: left !important;
    color: #ffffff !important;
    padding: 8px 15px;
    font-size: .8em !important;
    margin-right: 0px;
    /*border-bottom: 1px solid #04a3df;*/
  }
  
}