/*========================================== MASTER STYLESHEET ===================================================================

	Project     :	ACID TEMPLATES
	Version     :	1.0
	Last Change : 	03/03/2017
	Primary Use :   ACID TEMPLATES

=================================================================================================================================*/

/*========================================== LAYOUT ===================================================================

		1.GLOBAL STYLES
		2.COMMON STYLES
		3.THEME COLOR
		4.NAVIGATION
		5.BUTTON
		6.HEADER		
		7.EXPERIENCE DESIGN
		8.PRIMARY SERVICES
		9.RESPONSIVE & MODERN DESIGN
		10.PROMOTION & BRANDING
		11.UNLIMITED FEATURES
		12.SKILLSET
		13.CTA
		14.FOUR COLUMN - MARKETING
		15.FAQ
		16.GALLERY
		17.BUSINESS ANALYSIS
		18.PACKAGES
		19.CREATIVE FEATURES
		20.TEAM
		21.TESTIMONIAL
		22.NEWS
		23.CONTACT US
		24.FOOTER
		25.MEDIA QUERIES	

=================================================================================================================================*/

/*========================================== COLOR CODES =========================================================================

	Background         :#ffffff [white]
	Theme Color        :#0e9aa7 [Green]	
	Main Heading Color :#333333 [Dark Gray]	
	Content Color      :#666666 [light Gray]

=================================================================================================================================*/

/*========================================== TYPOGRAPHY =========================================================================

	Heading:font-family: 'Ubuntu', serif;	
	Body :font-family: 'Open Sans', sans-serif , Arial , Vedana  , Trebuchet MS;

=================================================================================================================================*/

/*========================================== 1.GLOBAL CSS START ===========================================*/

@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

body {
  background: #ffffff;
  color: #666666;
  font-family: 'Open Sans', sans-serif , Arial , Verdana , 'Trebuchet MS';
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

a {
  outline: none !important;
  text-decoration: none !important;
}

p {
  color: #666666;
  margin: 0;
}

h2,
h3,
h4,
h5 {
  color: #333333;  
}

h1 {	
	font-size:40px;
	font-weight:700;
	line-height:50px;
	text-transform: uppercase;
}

h2 {
	font-size:30px;
	font-weight:500;
	margin-top:0;
	text-transform: uppercase;	
}

h3 {
	font-size:25px;
	font-weight:500;
	margin-top:0;
	text-transform: uppercase;	
}

h4 {
	font-size:20px;
	font-weight:500;
	line-height:28px;
	margin-top:0;
	text-transform:uppercase;
}

h5 {
	font-size:16px;
	font-weight:500;	
	text-transform:uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Ubuntu', serif;	
	letter-spacing:1px;	
}

.text-center {
	text-align:center;
}

.text-left {
	text-align:left;
}

.text-right {
	text-align:right;
}

/*========================================== 1.GLOBAL CSS END ===========================================*/

/*========================================== 2.COMMON CSS START ===========================================*/

.section-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-1-bg {
  background-color:#ffffff;
}

.section-2-bg {
  background-color:#f7f7f7;
}

.separator {
	border-bottom:1px solid #eeeeee;
}

.heading-div {
	padding-bottom:50px;
}

.heading-div.heading-div-content {
	padding-bottom:30px;
}

.heading-div > p {	
	font-size:16px;
    letter-spacing:0.5px;
	line-height:25px;
	margin:0 auto;
    padding-top:20px;
	width:80%;
}

.cta-section-2
.cta-section-1,
.header-image-2,
.header-image-1 {	
	background-position: center center;
	background-repeat:no-repeat;
	background-size: cover;
}

.bottom-space {
	padding-bottom:30px;
}

.team-col p,
.testimonial-name,
.news-date,
.copyright-2,
.copyright-1,
.get-readmore,
.readmore,
.navbar-default .navbar-nav > li > a ,
.header-intro,
.header-paragraph,
.experience-design li  a,
.skillcol p,
.faq-col h5,
.packages-price span, 
.packages-price {
	letter-spacing:1px;	
}

.navbar-default .navbar-nav > li > a,
.btn ,
.header-intro,
.skillcol p,
.packages-price span,
.testimonial-name,
.get-readmore,
.readmore {
	text-transform:uppercase;	
}

.readmore {
	color:#0e9aa7;
	font-size:13px;
	font-weight:bold;		
}

.get-readmore {
	color:#ff592f;
	font-size:13px;
	font-weight:bold;
}

.readmore {	
	position: relative;
    display: inline-block;
}

.get-readmore:hover {
	color:#0e9aa7;	
}

.readmore:hover {
	color:#0e9aa7;
	display:inline-block;
	position: relative;	
}

.readmore:before {
	position:absolute;
	content: "\f104";
	font-size:13px;
	font-family: "FontAwesome" !important;		 
	-moz-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	-webkit-transition:0.3s all ease;
	transition:0.3s all ease;
	opacity:0;
}

.readmore:before{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
}

.readmore:after {
	position:absolute;
	content: "\f105";
	font-size:13px;
	font-family: "FontAwesome";		
	-moz-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	-webkit-transition:0.3s all ease;
	transition:0.3s all ease;
	opacity:0;	
}

.readmore:after{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
}

.readmore:hover:before {
    left: -14px;	
    opacity: 1;
}

.readmore:hover:after {  
	right: -14px;	
    opacity: 1;
}

.readmore > img {
    padding-bottom: 3px;
}

.content-height20 {
	line-height:20px;
}

/*========================================== 2.COMMON CSS END ===========================================*/

/*========================================== 3.THEME COLOR START ============================================*/

.navbar-default .navbar-nav.clearfix.fixed-header> li > a.active,
.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover	{
	background-color: none;
	color:#ffffff !important;	
	background-color:#0e9aa7 !important;	
	transition: 0.4s;
}

.menu  a{   
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0;   
	transition: 0.4s;
}

.menu a:hover {	
	color:#ffffff !important;	
	background-color:#0e9aa7 !important;	
}

/*========================================== 3.THEME COLOR ENDS ============================================*/

/*========================================== 4.NAVIGATION START ===========================================*/

.navbar-default .navbar-nav > li > a {	
	font-size: 13px;
	font-weight:600;	
	padding: 25px 10px;		 
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
  background-image: none;
  box-shadow: none;
  background-color: unset;
}

.navbar-brand, .navbar-nav > li > a {
  text-shadow: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent;
}

.navbar-default {
  background-color: transparent;
  background-image: none;
  border: 0px;
  border-radius: 0;
}

.navbar-nav {
	padding-top:0;
}

.logo-image {
	float:left;
	padding-bottom:10px;
	padding-top:10px;
}

/*========================================== 4.NAVIGATION END ===========================================*/

/*================================================ 5.BUTTON STRAT =========================================*/

.btn {
	background-color: #626433;
	border: 2px solid #0e9aa7;
	border-radius: 5px;
	color: #ffffff;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	outline: none;
	padding: 8px 20px;
	position: relative;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
}

.btn:focus,
.btn:hover { 
	background-color:transparent;
	border:2px solid #0e9aa7;
	color: #0e9aa7;	
	padding: 8px 20px;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;  
}

/*================================================ 5.BUTTON ENDS ==========================================*/

/*======================================= 6.SECTION : HEADER START ========================================*/

.header-image-1 {
	background-image: url("../../images/1500x850.jpg");	
	padding-bottom:200px;
	padding-top:200px;	
}

.header-image-2 {
	background-image: url("../../images/1500x750.jpg");	
	padding-bottom:250px;
	padding-top:250px;	
}

.header-intro {
	background-color: #222222;
	color: #ffffff;
	font-family: Ubuntu;
	font-size: 25px;
	font-weight: 700;
	padding: 6px 10px;
	width: 325px;
}

.header-div-1 h1 {
	color: #DEB050;
	letter-spacing: 3px;
	margin-bottom: 25px;
}

.header-paragraph {
	background-color:#222222;
	color:#ffffff;	
	font-weight:700;	
	margin-bottom:30px;	
	padding:6px 10px;	
	width:46%;
}

.header-div-2 h1 {
	color:#ffffff;	
	letter-spacing:3px;	
	margin-bottom:25px;	
}

.header-div-2 h1 span {
	color:#0e9aa7;	
}

/*============================================= 6.SECTION : HEADER END ======================================================*/

/*============================================= 7.SECTION : EXPERIENCE DESIGN START ===============================================*/

.experience-design ul {
	display:inline-block;
	margin:0 auto;
	padding:15px 0 0 0;	
}

.experience-design li {
	display:table-cell;
	list-style:none;
}

.experience-design li  img{ 
	padding-right:10px;
}

.experience-design li  a{
	color:#0e9aa7;
	font-weight:600;
}

.experience-design-content {
	padding-top:20px;
}

.list-div-2 li:nth-child(1){
	padding-left:60px;
}

.list-div-2 li:nth-child(2) {
	padding-right:60px;
}

.experience-div {
	display:inline;
}

/*============================================= 7.SECTION : EXPERIENCE DESIGN END ===============================================*/

/*============================================= 8.SECTION : PRIMARY SERVICES START ===============================================*/

.primary-services-col ul {
	padding-left:0;
	padding-bottom:10px;
}

.primary-services-col li {
	display:table-cell;
	list-style:none;
}

.primary-services-col li img {
	padding-right:15px;
}

.primary-services-row {
	padding-top:30px;
}

.primary-services-btn {
	padding-top:30px;
}

/*============================================= 8.SECTION : PRIMARY SERVICES END ===============================================*/

/*============================================= 9.SECTION : RESPONSIVE & MODERN DESIGN START ===============================================*/

.modern-design-col ul ,
.responsive-design-col ul {
	padding-left:0;
}

.modern-design-col li,
.responsive-design-col li {
	display:table-cell;
	list-style:none;
}

.modern-design-col li img,
.responsive-design-col li img {
	padding-bottom:12px;
	padding-right:20px;
}

.modern-design-col li h3,
.responsive-design-col li h3 {
	margin:0;
}

.modern-design-col p,
.responsive-design-col p {
	padding-bottom:15px;
}

/*============================================= 9.SECTION : RESPONSIVE & MODERN DESIGN END ===============================================*/

/*============================================= 10.SECTION : PROMOTION & BRANDING START ===============================================*/

.promotion-row-2 {
	margin-top:30px;
}

.branding-col,
.promotion-col {
	border:1px solid #333333;
	padding:50px;
}

.branding-col p,
.promotion-col p {
	padding-bottom:10px;
	padding-top:10px;
}

/*============================================= 10.SECTION : PROMOTION & BRANDING END ===============================================*/

/*============================================= 11.SECTION : UNLIMITED FEATURES START ===============================================*/

.unlimited-features-col img {
	padding-bottom:20px;
}

.unlimited-features-col p {
	padding-bottom:10px;	
}

/*============================================= 11.SECTION : UNLIMITED FEATURES END ===============================================*/

/*============================================= 12.SECTION : SKILLSET START ===============================================*/

.skill-div-4 .skill-bg1,
.skill-div-3 .skill-bg1,
.skill-div-2 .skill-bg1,
.skill-div-1 .skill-bg1 {
	background-color:#0e9aa7;
	height:10px;	
	float:left;
}

.skill-div-1 .skill-bg1 {	
	width:95%;	
}

.skill-div-2 .skill-bg1 {	
	width:85%;	
}

.skill-div-3 .skill-bg1 {	
	width:80%;	
}

.skill-div-4 .skill-bg1 {	
	width:90%;	
}

.skill-bg2 {
	background-color:#ffffff;
	height:10px;
	width:3px;
	float:left;
}

.skill-bg3{
	background-color:#222222;
	height:10px;
	padding-left:10px;
	width:100%;
}

.skillcol-1,
.skillcol-4,
.skillcol-3,
.skillcol-2 {
	padding-top:30px;
}

.skillcol p  {
	color:#333333;
	font-size:18px;
	font-weight:600;	
	margin-bottom:10px;	
}

.skillcol p span {
	color:#0e9aa7;
}

/*============================================= 12.SECTION : SKILLSET END ===============================================*/

/*============================================= 13.SECTION : CTA START ===============================================*/

.cta-section-1 {
	background-image: url("../../images/1500x780x1.jpg");	
	padding-bottom:200px;
	padding-top:200px;	
}

.cta-section-2 {
	background-image: url("../../images/1500x780x2.jpg");	
	padding-bottom:200px;
	padding-top:200px;	
}

.cta-div p,
.cta-div h2 {
	color:#ffffff;
} 

.cta-div h2 {
	line-height:40px;
}

.cta-div p {	
	margin:20px auto 25px auto;
	width:80%;
}

/*============================================= 13.SECTION : CTA END ===============================================*/

/*============================================= 14.SECTION : FOUR COLUMN - MARKETING START ===============================================*/

.marketing-col p {
	background-color:#222222;
	border-left:5px solid #ff592f;
	color:#ffffff;
	padding:20px;
	margin:20px 0;
}

.marketing-col ul {
	padding-left:0;
}

.marketing-col li {
	display:table-cell;
	list-style:none;
}

.marketing-col {
	position:relative;
}

.marketing-col:hover  p{
	background-color:#0e9aa7;
	border-left:5px solid #333333;
	color:#ffffff;	
}

.marketing-col:hover h4 {	
	color:#0e9aa7;	
}

/*============================================= 14.SECTION : FOUR COLUMN - MARKETING END ===============================================*/

/*============================================= 15.SECTION : FAQ START ===============================================*/

.faq-col h5 {	
	border-right:1px solid #0e9aa7;
	border-left:1px solid #0e9aa7;
	border-top:1px solid #0e9aa7;
	border-bottom:3px solid #0e9aa7;
	line-height:24px;
	margin-bottom:0;
	padding:10px;
	text-transform:capitalize;
	
}

.faq-ans {
	border-right:1px solid #0e9aa7;
	border-left:1px solid #0e9aa7;
	border-bottom:1px solid #0e9aa7;
	padding:30px 10px 20px 10px;
	margin-top:-16px;
}

.faq-title  h5{
	font-size:13px;
	font-weight:400;
	text-transform:uppercase;
}

.faq-title {
	cursor: pointer;
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	z-index: 2;
}

.faq-title .down-arrow {  
	 margin-top:-8px;
	 text-align:center;
}

.faq-title .down-arrow:before {
  display: block;
  content: '\f0d7';
  color: #0e9aa7;
  font-family: "FontAwesome";
  font-size:2em;
  font-weight: 400;
  text-align: center;
  transition: .2s;
}

.faq-title.active .down-arrow:before { 
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);  
}

.faq-div-1 {
	margin-top:30px;
}

/*============================================= 15.SECTION : FAQ END ===============================================*/

/*============================================= 16.SECTION : GALLERY START ===============================================*/

.gallery-div {
	padding-bottom:30px;
}

.portfolio-row-1 {
	padding-bottom:8px;
}

.portfolio-btn {
	padding-top:30px;
}

.portfolio-row-1 .col-sm-7 {
	padding-left:0;
	padding-right:0;
}

.portfolio-row-1 .col-sm-5 {
	padding-left:8px;
	padding-right:0;
}

.portfolio-row-2 .col-sm-7 {
	padding-left:0;
	padding-right:0;
}

.portfolio-row-2 .col-sm-5 {
	padding-left:0;
	padding-right:8px;
}

.portfolio-row-1,
.portfolio-row-2 {
	padding-left:15px;
	padding-right:15px;
}

/*============================================= 16.SECTION : GALLERY END ===============================================*/

/*============================================= 17.SECTION : BUSINESS ANALYSIS START ===============================================*/

.analysis-col-1 {
	background-color:#222222;
	padding:22px;
}

.analysis-col p,
.analysis-col h3 {
	color:#ffffff;
}

.analysis-col h3 {
	margin-bottom:5px;
}

.analysis-col p {
	padding-bottom:20px;
	padding-top:10px;
}

.business-border {
	border-bottom:1px solid #eeeeee;
}

.analysis-col ul {
	padding-left:0;
	padding-top:30px;
}

.analysis-col li {
	display:table-cell;
	list-style:none;	
}

.analysis-col li  img{
	padding-right:15px;
}

/*============================================= 17.SECTION : BUSINESS ANALYSIS END ===============================================*/

/*============================================= 18.SECTION : PACKAGES START ===============================================*/

.packages-col h4 {
	background-color:#222222;
	color:#ffffff;
	margin-bottom:15px;
	padding:10px;
}

.packages-content {
	background-color:#222222;
	color:#ffffff;
	margin-top:15px;
	padding:10px 10px 5px 10px;	
	text-align:left;	
	border-bottom:5px solid #222222;
}

.packages-price {
	color:#333333;
	font-size:30px;
	font-weight:700;	
}

.packages-price span {	
	font-size:16px;
	font-weight:600;	
}

.packages-btn {
	padding-top:30px;
}

.packages-col >.packages-price>.packages-content>.packages-btn>.btn{
	position:relative;
}

.packages-col:hover> h4 {
	background-color:#0e9aa7;
}

.packages-col:hover> .packages-price {
	color:#0e9aa7;
}
.packages-col:hover> .packages-price>span {
	color:#333333;
}

.packages-col:hover> .packages-content {
	border-bottom:5px solid #0e9aa7;
	background-color:#f7f7f7;
	color:#333333;
}

.packages-col:hover>.packages-btn> .btn {
	background-color:transparent;
	border:2px solid #0e9aa7;
	color: #0e9aa7;	
	padding: 8px 20px;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;  
}

/*============================================= 18.SECTION : PACKAGES END ===============================================*/

/*============================================= 19.SECTION : CREATIVE FEATURES START ===============================================*/

.creative-img img {
	margin:0 auto;
	text-align:center;
}

.creative-col ul {
	padding:30px 0 0 0;
	margin:0;
}

.creative-col li {
	display:table-cell;
	list-style:none;
}

.creative-col li  img{
	padding-bottom:15px;
	padding-right:15px;
}

.creative-div {
	margin:0 auto;
	width:90%;
}

.creative-div h2 {
	margin:0;
}

.creative-btn {
	padding-top:30px;
}

/*============================================= 19.SECTION : CREATIVE FEATURES END ===============================================*/

/*============================================= 20.SECTION : TEAM START ===============================================*/


.team-col {
	background-color:#ffffff;
	padding-bottom:20px;
}

.team-col ul {
	padding-left:0;
	padding-top:10px;
}

.team-col li {
	display:inline-block;
	list-style:none;
	margin-left:5px;
	margin-right:5px;
}

.team-col h4 {
	margin:0;
	padding-top:20px;
}

.team-col p {
	font-size:13px;
	font-weight:600;	
	padding-top:5px;
}

/*============================================= 20.SECTION : TEAM END ===============================================*/

/*============================================= 21.SECTION : TESTIMONIAL START ===============================================*/


.testimonial-col img {	
	border-radius:50%;
}

.testimonial-content {
	font-style:italic;
	margin:0 auto;
	padding-bottom:15px;
	padding-top:20px;
	
}

.testimonial-name {
	font-weight:600;		
}

.testimonial-name  span{
	color:#0e9aa7;
	text-transform:capitalize;
}


#owl-demo1 .owl-controls  .owl-pagination{
	display:inherit;
}

.owl-theme .owl-controls{
	margin-top: 15px;	
}

.owl-theme .owl-controls .owl-page span{	
	background:#0e9aa7;
}


/*============================================= 21.SECTION : TESTIMONIAL END ===============================================*/

/*============================================= 22.SECTION : NEWS START ===============================================*/

.news-date  {
	color:#0e9aa7;
	font-weight:600;		
}

.news-row-2 {
	margin-top:30px;
}

.news-div h5  {	
	text-transform:unset;
	line-height:20px;
	margin-bottom:10px;
	margin-top:0;	
}

.news-div h5  a {	
	color:#333333;	
}

.news-col .col-sm-6.news-img {
	padding:0;
}

.news-div {
	padding:0 0 0 20px;
}


/*============================================= 22.SECTION : NEWS END ===============================================*/

/*============================================= 23.SECTION : CONTACT US START ===============================================*/

.form-control {
	background-color:transparent;
}

.contact-form h2 {
	padding-bottom:10px;
}

.contact-form .form-div {
	position:relative;
}

.form-div input {
	height:50px;
	padding-left:40px;
}

.contact-form .icons {
    color: #666;
    font-size: 15px;
    left: 12px;
    position: absolute;
    top: 17px;
}

.icons {
 
vertical-align: middle;
display: table-cell;
}

.form-div-1 {
	margin:30px 0;
}

.contact-frame {
	border: 0;
	height: 335px;
	pointer-events:none;
	width: 100%;
}

textarea {
	padding-left:40px !important;
	padding-top:15px !important;
}

 #loaderFrame{
	visibility: hidden;
	height: 1px;
	width: 1px;
 }
 
 /* Subscribe error msg */

#mc_embed_signup {
    clear: left;    
}

#mc-embedded-subscribe {
    margin: 0 0 0em 0 !important;
}

#ResultMsg {
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
}

#SuccessMsg {
    color:#33cc33;   
}

#FailureMsg {
    color:#ff6666;   
}

#messageDiv {
    margin-top: 20px;	
    text-align: center;
	width: 100%;
}

#SuccessMsg,
#FailureMsg,
#sucessMessage,
#failMessage {   
    font-weight: bold;    
    display: none;
}

#sucessMessage {
    color: Green;   
}

#failMessage {
    color:#ff0000;    
}

.place_error::-webkit-input-placeholder {
    color:#ff0000;
    text-transform: none;
}

.place_error::-moz-placeholder {
    color:#ff0000;
    text-transform: none;
}

.place_error:-moz-placeholder {
	color:#ff0000;
    text-transform: none;
}

.place_error:-ms-input-placeholder {
	color:#ff0000;
    text-transform: none;
}

.errorClass {
    border: 1px solid red !important;
    box-shadow: 0px 0px 4px rgba(255, 80, 80, 0.3) !important;
}

.form-div input.error,
.form-div-1  textarea.error {
    border-color: #ff0000 !important;   
}

.form-div placeholder,
.form-div label {
	color:#ff0000;	
	font-size: 12px;
    margin-bottom:0;
}

/*============================================= 23.SECTION : CONTACT US END ===============================================*/

/*============================================= 24.SECTION : FOOTER START ===============================================*/

.footer-section-1 {
	background-color:#f7f7f7;
}

.footer-section-2 {
	background-color:#222222;
}

.footer-div-1 p {
	color:#666666;
	letter-spacing:0.5px;
	margin:0 auto;	
	width:70%;
}

.footer-div-2 p {
	color:#ffffff;
	letter-spacing:0.5px;
	margin:0 auto;	
	width:70%;
}

.footer-separator-1 {
	border-bottom:1px solid #dddddd;
	margin-bottom:30px;
	margin-top:30px;
}

.footer-separator-2 {
	border-bottom:1px solid #f7f7f7;
	margin-bottom:30px;
	margin-top:30px;
}

.footer-div-2 ul,
.footer-div-1 ul {	
	padding-left:0;
}

.footer-div-2 li,
.footer-div-1 li {
	display:inline-block;
	list-style:none;
	margin:0 10px 0 0;	
}


/*============================================= 24.SECTION : FOOTER START ===============================================*/

/*============================================= 25.SECTION : MEDIA QUERIES START ===============================================*/

@media only screen and (min-width: 250px) and (max-width: 767px) {
	.navbar-toggle {
		margin-top:18px;
	}
	.menu {
		padding-bottom:5px;		
	}		
	.responsive-top-space {
		margin-bottom:30px;
	}	
	.responsive-div-top-space {
		margin-bottom:40px;
	}
	.news-row-2 {
		margin-top:40px;
	}	
	
	.promotion-row-2 {
		margin-top: 40px;
	}
	.faq-col-1 {
		margin-top:30px;
	}
	.effects .img {	 
	  margin-bottom:30px;	
	}
	.gallery-div {
    padding-bottom: 0px;
	}
	
	.portfolio-row-2 .col-sm-5,
	.portfolio-row-2 .col-sm-7,
	.portfolio-row-1 .col-sm-5,
	.portfolio-row-1 .col-sm-7 {
		padding-left:15px;
		padding-right:15px;
	}
	
	.portfolio-row-1,
	.portfolio-row-2 .col-sm-5,
	.portfolio-row-1 .col-sm-7 {
		padding-bottom:30px;
	}
	.analysis-col {
		margin-left:15px;
		margin-right:15px;
	}
	.creative-div {
		width:100%;
	}
	.img-display {
		display:none !important;
	}
	.packages-bottom-space {
		padding-bottom:40px;
	}
	.creative-div li {
		display:block;
		text-align:center;
	}
	
	.creative-div li  h2{
		margin-bottom:20px;
	}
	
	.creative-div  p{
		text-align:center;
	}
	
	.skillcol-img img,
	.portfolio-row-2  img,
	.portfolio-row-1  img{
		margin:0 auto;
	}
	.heading-div {
		padding-bottom:40px;
	}
	.team-bottom-space {
		margin-bottom:40px !important;
	}
	.news-img img {
		margin:0 auto;
		text-align:center;
		padding-bottom:20px;		
	}
	
	.news-img,
	.news-div {
		margin:0 auto;
		text-align:center;
		width:90%;
	}
	
	
	 .form-space  {
		margin-bottom:30px;
	}
	
	 .form-div-1 .form-div-1 {
		margin-bottom:30px;
	}
	
	.footer-div-1 p,
	.footer-div-2 p {
		width:100%;
	}
	
	.primary-services-img {
		padding-top:10px;
	}
	
	.branding-col-img img,
	.promotion-col-img img,
	.analysis-col-img img,
	.primary-services-img  img{
		margin:0 auto;
	}
	
	.modern-design-img,
	.responsive-design-col-img {
		padding-bottom:20px;
	}
}

@media only screen and (min-width: 250px) and (max-width: 450px) { 	
	
	.col-xs-6.col-sm-3.marketing-col {
		width:100%;
	}
	.marketing-col-res {
		margin-bottom:30px;
	}	
	.analysis-col,
	.team-col,
	.packages-col {
		width:80%;
		margin:0 auto;
	}	
	.footer-div-2 li, 
	.footer-div-1 li {
		margin-right:3px;
	}
	.marketing-col {
		width:100%;
	}
	
	
}


@media only screen and (min-width: 451px) and (max-width: 767px) { 	
	
	.marketing-col-res-1 {
		margin-top:30px;
	}
	
	.analysis-col,
	.packages-col {
		width:420px;
		margin:0 auto;
	}
	
	.team-col {
		width:360px;
		margin:0 auto;
	}
	
}



@media only screen and (min-width: 250px) and (max-width: 480px) { 	
	
	.experience-design ul {
		text-align:left;	
	}
	.experience-design li a {
		font-size:13px;		
	}
	.experience-design li {
		display:inline-block;
		margin-bottom:10px;
	}
	.header-paragraph {
		width:100%;
	}
	.branding-col, .promotion-col {
		padding:20px;
	}
	.experience-div {
		display: grid;
	}
	.list-div-2 li:nth-child(1) {
		padding-left: 0;
	}
	.list-div-2 li:nth-child(2) {
		padding-right: 0;
	}
	
}

@media only screen and (min-width: 481px) and (max-width: 767px) { 		
	
	.experience-design li a {
		font-size:13px;	
	}
	.header-paragraph {
		width:400px;
	}
	.branding-col, .promotion-col {
		padding:30px;
	}
	.gallery-div {
		margin:0 auto;
		width:360px;
	}	
	.experience-div {
		display:inline-flex;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) { 		
	.analysis-col-img,
	.primary-services-img,
	.primary-services-col,
	.responsive-design-col-img,
	.responsive-design-col,
	.modern-design-img,
	.branding-col-1,
	.branding-col-img,
	.promotion-col-img,
	.skillcol-img,
	.skillcol,
	.news-col,
	.contact-form,
	.contact-col {
		margin:0 auto;
		width:100%;
	}	
	.modern-design-img,
	.promotion-col-img {
		left:0;
	}	
	.modern-design-col,
	.col-sm-pull-6.promotion-col-1 {
		right:0;	
		width:100%;
	}	
	.responsive-design-col-img,
	.modern-design-img {
		padding-bottom:20px;
	}
	.promotion-col,
	.branding-col {
		margin:0 auto;
		width:500px;
	}	
	.analysis-col-img,
	.promotion-col-img img,
	.branding-col-img img {
		padding-bottom:30px;
	}	 
	.primary-services-img {
		padding-top:10px;
	}	
	.analysis-col-img img,
	.primary-services-img img,
	.promotion-col-img img,
	.branding-col-img img,
	.skillcol-img img {
		margin:0 auto;
	}	
	.form-div input {
		margin-bottom:0;
	}	
	.contact-btn {
		margin-top:0px;
	}	
	.news-col-1,
	.contact-col {
		margin-bottom:30px;
	}	
	.news-img {
		width:290px;
	}	
	.news-div {
		width:58%;
	}
	.creative-div {
		width:100%;
	}	
	.portfolio-row-1 {
		padding-bottom: 10px;
	}	
	.marketing-col-res-1 {
		margin-top:30px;
	}	
	.promotion-row-2 {
		margin-top:40px;
	}		
	.analysis-col {
		margin:0 auto;
		width:100%;
	}
	.analysis-col .analysis-col-1 {
		margin:0 auto;
		width:500px;
	}
	
	 .form-space  {
		margin-bottom:30px;
	}
	
	 .form-div-1 .form-div-1 {
		margin-bottom:30px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) { 
	.portfolio-row-1 {
		padding-bottom: 10px;
	}
	
	.skillcol-1 {
		padding-top:0;
	}
	
	.branding-col, 
	.promotion-col {
		padding:20px 14px;
	}	
}

/*============================================= 25.SECTION : MEDIA QUERIES END ===============================================*/