@charset "utf-8";
/* CSS Document */

@media (min-width: 1200px) {
/*----- Desktop Landscape -----*/ 
}
@media (min-width:992px) and (max-width:1199px) {
/*----- Tablet & iPad Landscape -----*/ 
.padding-left { padding-left:20px; padding-bottom: 70px; }
.who p { min-height: 190px; font-size: 17px; line-height: 27px;}
.social-link li { margin: 10px;}
.story-share { width: 50%;}
.clients-partners h2 { font-size: 60px;}
.contact h2 { font-size: 60px;}
.follow-us { padding: 12px 0 0;}
/*GCVIP*/
.logo-inside { width:190px;}
.head-sec nav { margin: 50px 0 0;}
.menu-inside li a { padding: 18px 19px 16px; font-size: 15px;}
.event-logo { margin: -30px 0 0;}
.recent-head { margin: 20px 0;}
/*line Animation*/
.is-visible .line54 { height: 90%;}
.line54 { top: -95%;}
.event-management h2 { margin: 30px 0 0;}
.marketing-promotions ul li a { top: 80px; left: -90px; font-size: 20px;}
.photography-content { max-width: 440px;}
.photography-left h2 { margin-bottom: 5px;}
.photography-left h3 { margin: 0 0 10px;}
.help-sec h4 { margin-bottom: 5px;}
.help-sec ul li { margin-bottom:4px; font-size: 18px; }
.client-logo { width: 240px; height: 240px;}
.clients-partners h3 { font-size: 23px;}
.clients-partners p { font-size: 18px; line-height: 27px;}
.contact-add li { margin: 0 20px 0 0; font-size: 20px;}

}

@media (min-width: 768px) and (max-width:991px) {
/*----- Tablet & iPad Portrait -----*/ 
.statement h2 { font-size: 55px;}
.statement p { padding: 0 30px; font-size: 16px;}
.who { margin: 40px 0; padding: 20px 10px;}
.who p { min-height: 170px; font-size: 15px; line-height: 22px;}
.journey h2 { font-size: 55px;}
.services-left { width: 50%; margin: 0 0 20px;}
.services-left h2 { padding-top: 110px; font-size: 55px;}
.services-right { width: 50%; padding: 35px 10px 10px;}
/*.services-right p { padding: 0 0 0 50px;}*/
/*.about { margin: 0 0 30px;}*/
.event-management h2 { margin: 15px 0 0; font-size: 30px;}
.event-management p { margin-bottom:10px; padding:0; font-size:17px; line-height: 22px; }
.event-link { width: 190px; padding:7px 10px; left: 115px; top: 38px; font-size: 18px;}
.marketing-promotions ul li a { width: 160px; padding: 7px 10px; left: -76px; top: 53px; font-size: 18px;}
.marketing-promotions ul li a.tactical-promo { top: 48px;}
.padding-left { padding-bottom: 90px; padding-left: 0;}
.marketing-promotions h2 { margin:0 0 5px; font-size: 25px; line-height: 25px;}
.marketing-promotions p { margin-bottom: 20px; padding: 0 20px 0 0; font-size: 17px; line-height: 29px;}
.social-management p { font-size: 17px; line-height: 29px;}
.social-link li { margin: 12px;}
.photography-left { width: 100%;}
.photography-content { max-width: 100%; padding:0px 15px 20px;}
.photography-left h2 { margin-bottom:15px; text-align: center;}
.photography-right { width: 100%; margin: 0 0 30px;}
.sponsorship-detail p, .gcvip-bg p { font-size: 17px; line-height: 29px;}
.story-share { width: 55%;}
.story-share h2 { font-size: 16px;}
.story-share h3, .story-share p { font-size: 17px;}
.whispers-link { font-size: 27px;}
.clients-partners h2 { font-size: 50px;}
.clients-partners h3 { font-size: 25px;}
.clients-partners h4 { margin-bottom:20px; }
.contact-form { width: 80%;}
.contact-form label { font-size: 25px;}
.contact h2 { font-size: 50px;}
.contact-add { padding: 0 0 0 20px;}
.contact-add li { margin:0 15px 0 0;  font-size: 17px;}
.contact-add-inside { padding: 0;}
.subscribe-news { font-size: 20px;}
.follow-us { padding: 12px 50px 0 0;}
/*line Animation*/

.is-visible .line54 { height: 65%;}
.line54 { top: -76%;}

.is-visible .line73 { width: 47%;}
.line74 { left: 5%;}

.is-visible .line75 { width: 87%;}
.line75 { left: 5%;}


/*GC VIP*/
.menu-inside li a { padding: 15px 10px; font-size: 14px;}
.logo-inside { width: 120px; margin: 20px 0 0;}
.head-sec nav { margin:21px 0 0; }
.event-logo { margin: -10px 0 0; width: 100%;}
.event-tag { top: 80px;}
}

@media (max-width: 767px) {
/*----- Large Smartphones -----*/ 
.logo { position: relative; z-index: 5; width: 200px; margin:25px 0 0;}
nav { width: 100%; margin: 0;}
.navbar-toggle { padding: 0; margin: 25px 25px 0 0 ;}
.navbar-toggle .icon-bar { width: 30px; margin-bottom: 6px; background: #fff; border-radius:2px; }

.navbar-collapse { margin: 90px 0 0; border: none; box-shadow: none;}
.menu li { margin-bottom: 0; border-bottom: 1px solid #ccc;}
.menu li a { padding: 12px 15px 11px; font-size: 13px; text-align: right;}
.menu li a, .menu li a.about-link, .menu li a.services-link, .menu li a.gcvip-link, .menu li a.testimonial-link, .menu li a.subscribe-link, .menu li a.contact-link { width: 100%;}
.social-menu { padding: 11px 15px;}
.downarrow { bottom: 350px; right: -7px; width: 25px;}
.scrolldown { bottom: 20px;  width: 190px;  padding: 8px 10px; border: 1px solid #fff; font-size: 22px;}


.statement { padding: 130px 0 0;}
.statement h2 { margin-bottom: 5px; font-size: 25px;}
.statement p { padding: 0 0 10px; font-size: 14px; line-height: 22px;}
/*.about-company { padding: 40px 0 20px;}*/
.who { margin-bottom: 20px; padding: 20px 18px;}
.who h2 { margin-bottom: 10px; font-size: 25px;}
.who p { min-height: auto; font-size: 15px; line-height: 22px;}
.find-more { width: 160px; font-size: 16px;}
.journey { padding: 50px 0 70px;}
.journey h2 { font-size: 25px;}
.services { background: #2d3030;}
.services-left { width: 100%;}
.services-right { float: left; width: 100%; padding: 15px 15px 20px; background: none;}
.services-left h2 { padding-top: 40px; font-size: 29px;}
.services-right h2 { font-size: 19px; text-align: center;}
.services-right p { margin-bottom: 10px; font-size: 15px; text-align: center; line-height: 22px;}


.event-management { margin: 0 0 50px; padding: 30px 0;}
.event-management h2 { margin:0 0 10px; font-size: 25px; }
.event-management p { padding: 0 0; margin-bottom: 10px; font-size: 15px; line-height: 22px;}

.event-list { margin: 30px 0 0;}
/*.event-list li { display: table;; float: none;}*/
.event-list li img { width: 100%;}
/*.event-list li span { display: table-cell; vertical-align: middle;}*/
.event-link { height: 18%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 2px 10px; font-size: 22px;}
.event-link span { display: table; width: 100%; height: 100%;}
.event-link span strong { display:table-cell; vertical-align: middle;}



.marketing-promotions { margin-bottom:40px; padding: 30px 0 0;}
.marketing-promotions ul li a { width: 150px; height: 15%; top: 0; bottom: 0; left: -10px; margin: auto; padding:2px 10px; font-size: 14px;}
.marketing-promotions ul li a.tactical-promo { height: 20%; top: 0; padding: 2px 10px;}
.marketing-promotions ul li a.tactical-promo strong { line-height: 15px;}

.marketing-promotions ul li a span { display: table; width: 100%; height: 100%;}
.marketing-promotions ul li a span strong { display: table-cell; vertical-align: middle;}


.marketing-promotions ul li img { width: 98%;}

.marketing-promotions h2 { margin-bottom: 2px; font-size: 20px; line-height: 20px;}
.marketing-promotions h2 br { display: none;}
.marketing-promotions p { margin-bottom: 10px; padding:0 10px 0 0; font-size: 15px; line-height: 18px;}
.social-management { margin:7px 0 0; padding:30px 0; }
.social-management h3 { font-size: 20px;}
.social-management p { margin-bottom: 10px; font-size: 15px; line-height: 22px;}
.social-link { margin: 10px 0 0;}
.social-link li { margin: 5px;}
.social-link li a { width: 40px; height: 40px; font-size: 22px; line-height: 40px;}
.photography { padding:0; }
.photography-right { width: 100%;}
.photography-left { position: relative; width: 100%; padding: 40px 10px 40px 20px;}
.photography-left h2 { margin: 0 0 2px; font-size: 25px;}
.photography-left h3 {margin: 0 0 8px; font-size: 17px;}
.help-sec h4 { font-size: 17px;}
.help-sec ul li { font-size: 15px;}
.photography-content { float: left; padding:0 0 0 10px; }
.photography-left .left-line { display: none;}
.sponsorship { padding: 47px 0;}
.sponsorship-detail { padding:30px 10px 40px; }
.sponsorship-detail h2 { font-size: 25px;}
.sponsorship-detail p { margin-bottom:10px; font-size: 15px; line-height: 25px;}
.left-line-sm { display: block;}
.gcvip { padding: 40px 0; background: #2d3030;}
.gcvip-bg { background:none; padding: 0; }
.gcvip-bg h2 { font-size: 26px;}
.gcvip-bg p { margin-bottom: 10px; font-size: 16px; line-height: 22px;}
.squirrel-whispers { padding: 40px 0;}
.story-share { margin-bottom: 20px ; width: 100%; text-align: center;}
.story-share h2 { font-size: 17px; text-align: center;}
.story-share h3, .story-share p { font-size: 16px; text-align: center;}
.whispers-link { clear: left; float: none; display: table; width: 200px; margin: 0 auto; padding:10px;  font-size: 18px;}

.clients-partners { padding:40px 0;}
.clients-partners h2 { margin-bottom: 20px; font-size: 22px;}
.clients-partners h3 { font-size: 20px;}
.clients-partners h4 { margin-bottom: 40px;}
.contact {padding-bottom: 60px;}
.contact h2 { margin: 40px 0 10px; font-size: 22px;}
.contact-form label { font-size: 16px;}
.contact-form .form-control { height: 40px; border-width:1px; font-size: 18px; }
.submit-btn { width: 180px; font-size: 18px;}
.contact-add li { width: 100%; margin: 0 0 10px; font-size: 16px; text-align: center;}
.contact .line78 { display: block;} 
.contact-add { padding: 0;}
.subscribe-news { float: none; display: block; width: 290px; margin: 0 auto; padding: 10px; font-size: 15px; border-width:1px; margin: 0 auto; }
.subscribe-news:hover, .subscribe-news:focus { border-width:1px;}
.follow-us { float: none; display:table; margin: 0 auto; padding: 10px 0 0;}
#elevator { width: 50px; height: 45px;}
/*GCVIP*/
.logo-inside { position: relative; z-index: 2; width:190px; margin: 10px 0 0; }
.head-sec nav { width: 100%; background:none; }
.head-sec .navbar-toggle { padding: 8px 10px; background: #662c90 ; border-radius: 0;}
.head-sec .navbar-toggle .icon-bar { width: 22px; margin: 4px 0;}
.head-sec .navbar-collapse { margin: 40px 0 0;}
.menu-inside { width: 100%;}
.menu-inside li { width: 100%; border-bottom: 1px solid #58227f;}
.menu-inside li:last-child { border-bottom:none;}
.menu-inside li a { width: 100%; padding: 11px 15px 11px; background: #662c90; font-size: 13px; text-align: right;}

.padding-left { float: left; width: 100%; padding-left:15px; padding-bottom: 50px; }
.gcvip-sec { padding: 10px 0 20px;}
.gc-detail h2 { font-size: 25px;}
.gc-detail p { margin-bottom: 10px; font-size: 15px; line-height: 23px;}
.event-logo { display: block; margin: 0 auto;}
.recent-head { margin: 30px 0 20px; font-size: 25px;}
.gc-events img { width: 100%;}
.event-tag { height: 14%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 2px 8px;}
.event-tag span { width: 100%; height: 100%; display: table;}
.event-tag span strong { display: table-cell; vertical-align: middle;}
.event-tag br { display: none;}
.gcvip-sec .find-more { float: none; display: table; margin:20px auto 0;}


/*line Animation*/
.is-visible .line52 { width: 47%;}
.line52 { top: -65px;}
.line53 { top: -65px; right: 50%;}
.line53-sm { display: block;}
.is-visible .line53-sm {height: 70px; z-index: 0;}
.line53-sm {position: absolute; right: 50%; bottom:0;height: 0;}
.line53-sm {transition-delay: 500ms;}
.line54, .line55 { display: none;}


.line76, .line77 { left: 49%;}

.left-line-sm .is-visible .line77 { width: 48%;}
.left-line-sm .line77 { position: absolute; left:2%; bottom: 0; width: 0;}
.left-line-sm .line77 { transition-delay:100ms;}

.is-visible .line78 { height: 50px;}
.line78 { position: absolute; right: 0; top: 0px; height: 0;}
.line78 { transition-delay:300ms;}

.is-visible .line73 { width: 48%;}
.line73 { right:48%;}
.line74 { left:4%;}

.is-visible .line75 { width:87%;}
.line75 {left: 4%;}
.line75 { transition-delay:800ms;}

.left-line-sm .is-visible .line76 { height: 100%;}
.left-line-sm .line76 { position: absolute; left: 2%; top: 0; height: 0;}
.left-line-sm .line76 { transition-delay:500ms;}

.ser-line78, .ser-line79, .ser-line80 { display: none;}

}

@media (max-width: 480px) {
/*----- Smartphone iPhone & Android -----*/ 
.marketing-promotions ul li a  { height: 22%;}
.marketing-promotions ul li a.tactical-promo { height: 22%;}
.event-link { width: 180px; height: 22%; font-size: 17px;}
.event-tag { height: 18%;}


}
@media (max-width: 360px) {

.marketing-promotions ul li a.tactical-promo { height: 26%;}
.event-link { height: 26%;}
}