#home-banner{
	margin-left:136px;
	margin-right:124px;
}
.home-text{
	color:white;
	font-size:18px;
}
header.home-slider-wrapper {
    min-height: 600px;
}
div#bs-example-navbar-collapse-1 {
    margin-top: 88px;
}

.customfontmenu { 
	font-family: 'Oswald';   
	float: right;
	position:relative;
	margin-right:-5%;
    margin-top:4%;
    width:3%;
}

.navbar-brand .bluebubblelogo{
	width:314;
	height:209px;
	cursor:pointer;
	border-style:none !important;
}


.customfontmenu ul.nav.navbar-nav.navbar-right {
      /*width: 59%;
  font-family: "Bodoni MT Condensed";*/
	font-family: "Oswald";
	margin-right:165px;
}
footer{
	background-image: url(../img/bubbles_footer.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	background-size: 100% 100%;
	min-height:500px;

}
ul.nav.navbar-nav.navbar-right > li > a.active, .navbar-default .navbar-nav > li:hover > a{
			border-color:red;
			}
.navbar-custom .nav li a:active, .navbar-custom .nav li a:hover{
				border-bottom:red solid 3px;
			}
.navbar-custom .nav li{
				margin-left:6px;
			}
.subscribe {
/*background-color: rgba(0,0,0,0.8);*/
color: #5fba3d;

}

input {
background-color: /*rgba(0,0,0,0.8)*/rgba(119, 124, 142, 0.36);;
color: white;
border-color:rgba(119, 124, 142, 0.36);;
border-radius: 25px;
height:45px;
min-width:400px;
padding-left:35px;
}

.footer-widget h4 .head-line {
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    display: block;
    width: 45px;
    height: 1px;
    background-color: rgba(168, 164, 164, 0.57) !important;
    margin: 0;
}
.footer-widget h4 .head-line1{
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    display: block;
    width: 100px;
    height: 1px;
    background-color: rgba(168, 164, 164, 0.57) !important;
    margin: 0;
}

.footer-widget h4 .head-line2 {
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    display: block;
    width: 150px;
    height: 1px;
    background-color: rgba(168, 164, 164, 0.57) !important;
    margin: 0;
}

#subscribe{
    position: relative;
    width: 200px;
	left: 377px;
	padding-bottom: 30px;
	padding-top: 20px;
}

#subscribe input {
    width: 300px;
}
input[type="text"]:focus {
    padding-left: 34px;
}

input[type="text"]:active {
    padding-left: 34px;
}
#subscribe button {
    position: absolute;
    top: 28px;
    right: -194px;
    margin: 0px 0;
    border-radius: 18px;
    background-color: #e94e38;
    border: grey;
    color: white;
	
}
.footer-widget.mail-subscribe-widget{
	margin-left:344px;
}
hr{
	border-color: rgba(168, 164, 164, 0.3) !important;
	width:82% !important;
}
.footer-menu{
	color:white;
	font-weight:500;
	
}
.footer-menu li{
	list-style:none !important;
	margin-left:10px !important;
}
.footer-menu li a{
	color:white !important;
	font-weight:200 !important;
}
.footer-widget.mail-subscribe-widget2{
	margin-left:30px;
}
.footer-menu2{
	color:white;
	font-weight:500;
	
}
.footer-menu2 li{
	list-style:none !important;
	margin-left:10px !important;
}
.footer-menu2 li a{
	color:white !important;
	font-weight:200 !important;
}
.footer-widget.mail-subscribe-widget3 {
    margin-left: 70px;
   /*margin-right: 92px;*/
}
.footer-links{
	list-style:none !important;
	margin-left:-38px !important;
}
li.footer-links a {
    	color: white;
	font-weight:200;
	font-family: 'Noto Sans','Harmattan';
}
li.footer-links a:focus, a:hover{
	color:#0077c8 !important;
	text-decoration: none !important;
}
p.copyright.text-muted {
    color:white;
	margin: 0px;
    text-align: start;
    padding-top: 50px;
}
fa fa-envelope{
	    font: normal normal normal 14px/1 FontAwesome !important;
}
#email-icon{
	font: normal normal normal 14px/1 FontAwesome !important;
	color:white;
	position: absolute;
    padding-top: 17px;
    left: 14px;
}
/*ul.list-inline.text-center {
    margin-left: -173px;
}*/
ul.list-inline.text-center {

}
input::-webkit-input-placeholder {
color: white !important;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: white !important;  
}
.list-inline>li {
    
    padding-right: 0px !important; 
    padding-left: 0px !important; 
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #0077c8 !important;
    border-bottom: red solid 3px !important;
	background-color: rgba(255, 255, 255, 0) !important;
	    font-size: 23px;
}
.footer-links h4{
	font-weight:500;
}
@media (min-width: 768px){
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
   /* margin-left: 90px !important;*/
}
}
.social-header {
    margin-top: 32px;
    margin-right: 90px;
	float: right;
}
.schedule-appoint {
    /*margin-left: 35%;*/
    float:left;
}
.schedule-appoint {

}
.SCDAPP {
    font-size: 14px;
    font-weight: bold;
    color: white;
    border: 1px solid #00a7e1;
    background: #00a7e1;
    border-radius: 40px;
    padding: 18px;
padding-top: 8px;
    padding-bottom: 8px;
  
}
.SCDAPP:hover{  background: #0076be;border: 1px solid #0076be;}


/********************GROOMING Page Start CSS********************/
.col-sm-3.imgdog {
background: url(../img/Wash-2.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog1 {
background: url(../img/blow-2.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog2 {
background: url(../img/Clippers-2.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog3 {
background: url(../img/clipper-2.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog4 {
background: url(../img/Teeth-2.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog5 {
background: url(../img/Brush-2.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-9.conten {
background-color: rgba(0, 0, 0, 0.54);
width: 100%;
border: 1px solid rgba(133, 133, 133, 0.15);
border-radius: 38px;
padding-bottom:20px;
}
.servicebg {height:40px;}
.schdule-appoint1 {
       margin-top: 50px;
   text-align: center;
}
.SCDAPP1 {
    font-size: 17px;
    font-weight: bold;
    color: white;
    border: 1px solid #00a7e1;
    background: #00a7e1;
    border-radius: 40px;
    padding: 21px;
    padding-right:40px;
     padding-left:40px;
}
.SCDAPP1:hover{  background: #0076be;border: 1px solid #0076be;}
.tectcolor0 {
    font-size: 22px;
    color: white;
    text-align: justify;
}
.tectcolor1{color:white;text-align: justify;}
h1.tectcolor1 {
    font-size: 32px;
    font-weight: 600;
}
.dots {
    color: white;
    font-size: 17px;
}
hr.lineline {
    border-color: white !important;
margin-top: 20px;
}
.col-sm-6.dotwidth {
    width: 42%  !important;
    margin-left: 64px;
}
.col-sm-6.dwid {
    width: 42%  !important;
}
.col-sm-1.credit1{height: 40px;
background: url(../img/American_Express_Card.png);background-repeat: no-repeat;
}
.col-sm-1.credit2{height: 40px;
background: url(../img/Discover_Card.png);background-repeat: no-repeat;
}
.col-sm-1.credit3{height: 40px;
background: url(../img/Visa_Card.png);background-repeat: no-repeat;
}
.col-sm-1.credit4{height: 40px;
background: url(../img/Master-Card.png);background-repeat: no-repeat;
}
em {
    font-size: 16px;
    color: white;
    margin-left: 40px;
}
.row.credicard {
    margin-left: 98px;
}
.col-sm-4.crrrdd{width: 38.333%  !important;}
element {}body {font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 20px;-webkit-tap-highlight-color: #0085A1;background: black;}

/********************GROOMING Page End CSS********************/

/********************DAY CARE Page Start CSS********************/
.col-sm-3.imgdog7 {
background: url(../img/DC-1.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog8 {
background: url(../img/DC-2.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog9 {
background: url(../img/DC-3.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog10 {
background: url(../img/DC-4.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog11 {
background: url(../img/DC-5.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog12 {
background: url(../img/DC-6.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-9.conten {
background-color: rgba(0, 0, 0, 0.54);
width: 100%;
border: 1px solid rgba(133, 133, 133, 0.15);
border-radius: 38px;
padding-bottom:20px;
}
.servicebg {height:40px;}
.schdule-appoint1 {
       margin-top: 50px;
   text-align: center;
}
.SCDAPP1 {
    font-size: 17px;
    font-weight: bold;
    color: white;
    border: 1px solid #00a7e1;
    background: #00a7e1;
    border-radius: 40px;
    padding: 21px;
    padding-right:40px;
     padding-left:40px;
}
.SCDAPP1:hover{  background: #0076be;border: 1px solid #0076be;}
.tectcolor0 {
    font-size: 22px;
    color: white;
    text-align: justify;
}
.tectcolor1{color:white;text-align: justify;}
h1.tectcolor1 {
    font-size: 32px;
    font-weight: 600;
}
.dots {
    color: white;
    font-size: 17px;
}
hr.lineline {
    border-color: white !important;
margin-top: 20px;
}
.col-sm-6.dotwidth {
    width: 42%  !important;
    margin-left: 64px;
}
.col-sm-6.dwid {
    width: 42%  !important;
}
.col-sm-1.credit1{height: 40px;
background: url(../img/American_Express_Card.png);background-repeat: no-repeat;
}
.col-sm-1.credit2{height: 40px;
background: url(../img/Discover_Card.png);background-repeat: no-repeat;
}
.col-sm-1.credit3{height: 40px;
background: url(../img/Visa_Card.png);background-repeat: no-repeat;
}
.col-sm-1.credit4{height: 40px;
background: url(../img/Master-Card.png);background-repeat: no-repeat;
}
em {
    font-size: 16px;
    color: white;
    margin-left: 40px;
}
.row.credicard {
    margin-left: 98px;
}
.col-sm-4.crrrdd{width: 38.333%  !important;}
element {}body {font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 20px;-webkit-tap-highlight-color: #0085A1;background: black;}

/********************DAY CARE Page End CSS********************/

/********************BOARDING Page Start CSS********************/
.col-sm-3.imgdog13 {
background: url(../img/BOARD-1.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog14 {
background: url(../img/BOARD-2.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog15 {
background: url(../img/BOARD-3.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog16 {
background: url(../img/BOARD-4.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog17 {
background: url(../img/BOARD-5.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-3.imgdog18 {
background: url(../img/BOARD-6.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

<!----Map on Contact Page ------->
.col-sm-3.imgdog19 {
background: url(../img/Map.png);
height: 190px;
width: 100%;
    border: 3px solid black;
}

.col-sm-9.conten {
background-color: rgba(0, 0, 0, 0.54);
width: 100%;
border: 1px solid rgba(133, 133, 133, 0.15);
border-radius: 38px;
padding-bottom:20px;
}
.servicebg {height:40px;}
.schdule-appoint1 {
       margin-top: 50px;
   text-align: center;
}
.SCDAPP1 {
    font-size: 17px;
    font-weight: bold;
    color: white;
    border: 1px solid #00a7e1;
    background: #00a7e1;
    border-radius: 40px;
    padding: 21px;
    padding-right:40px;
     padding-left:40px;
}
.SCDAPP1:hover{  background: #0076be;border: 1px solid #0076be;}
.tectcolor0 {
    font-size: 22px;
    color: white;
    text-align: justify;
}
.tectcolor1{color:white;text-align: justify;}
h1.tectcolor1 {
    font-size: 32px;
    font-weight: 600;
}
.dots {
    color: white;
    font-size: 17px;
}
hr.lineline {
    border-color: white !important;
margin-top: 20px;
}
.col-sm-6.dotwidth {
    width: 42%  !important;
    margin-left: 64px;
}
.col-sm-6.dwid {
    width: 42%  !important;
}
.col-sm-1.credit1{height: 40px;
background: url(../img/American_Express_Card.png);background-repeat: no-repeat;
}
.col-sm-1.credit2{height: 40px;
background: url(../img/Discover_Card.png);background-repeat: no-repeat;
}
.col-sm-1.credit3{height: 40px;
background: url(../img/Visa_Card.png);background-repeat: no-repeat;
}
.col-sm-1.credit4{height: 40px;
background: url(../img/Master-Card.png);background-repeat: no-repeat;
}
em {
    font-size: 16px;
    color: white;
    margin-left: 40px;
}
.row.credicard {
    margin-left: 98px;
}
.col-sm-4.crrrdd{width: 38.333%  !important;}
element {}body {font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 20px;-webkit-tap-highlight-color: #0085A1;background: black;}

/********************BOARDING Page End CSS********************/


/********************About Page Start CSS********************/

.span_6 {
    float: left;
    width: 50%;
    padding-right: 50px;
}

/********************About Page End CSS********************/

@media only screen and (min-width: 1170px){
	.floating-label-form-group {
	border-bottom:none !important;
}
}


.fa-stack.fa-lg.facebook {color: #3b5998; left:1px;}
.fa-stack.fa-lg.twitter {
    color: #55acee;
}
.fa-stack.fa-lg.instagram {
    color: #e4405f;
}
.fa-stack.fa-lg.yelp {
    color: #c41200;
    left:9px;
}
@media (min-width: 768px){
	.navbar-right {
    float: right !important;
    /*margin-right: -244px !important;*/
    margin-right: -150px !important;
}	
}

/********************header2page*/

.nav.navbar-nav.navbar-right.nav1 {
    width: 59% !important;
}
body{overflow-x:hidden;}

/********************Responsive Code***********/
/********************Home Page Responsive Start***********/
@media only screen and (min-width: 320px) and (max-width: 359px){
	.img-responsive {
       height: 75px !important;
}
	.social-header {
    margin-top: 10px;
    margin-right:0px !important;
    float: right;
    }
	.schedule-appoint {
    margin-left: 9px !important;
    margin-top: 0px !important;
    float: left;
}
#home-banner {
    margin-left: 15px;
    margin-right: 15px;
}
input {
    min-width: 285px !important;
    padding-left: 25px;
    width: 200px !important;
}
#subscribe {   
    width: 200px;
    left:3px !important;
	font-size: 12px;
    }
	#subscribe button {
        top: 34px !important;
    right: -62px !important;
	}
.footer-widget.mail-subscribe-widget {
    margin-left: 95px !important;
}
ul.list-inline.text-center {
    margin-left: -8px !important;
}
.footer-widget.mail-subscribe-widget3 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
p.copyright.text-muted {
        font-size: 15px !important;
		text-align: center !important;
}
.footer-menu.social {
    padding-left: 49px;
}
.bubble {
	height:50px !important;
	width:50px !important;
		background-image: url(img/bubble.png);
	background-size: 50% 50%;
}
body{overflow-x:hidden;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background: white;
	width: 200px;
}

.intro-header li span{height: 420px !important;}
.customfontmenu ul.nav.navbar-nav.navbar-right {
    font-family: "Oswald";
    margin-right: -104px;
}

}

@media only screen and (min-width: 360px) and (max-width: 767px){

	.social-header {
    margin-top: -18%;
    margin-right:0px !important;
    float: right;
    width:70%;
    }
    
	.schedule-appoint {
    margin-left: 0px !important;
    margin-top: 0px !important;
    float: left;
}
#home-banner {
    margin-left: 15px;
    margin-right: 15px;
}
input {
    min-width: 285px !important;
    padding-left: 25px;
    width: 200px !important;
}
#subscribe {   
    width: 200px;
    left:34px !important;
	font-size: 12px;
    }
	#subscribe button {
        top: 34px !important;
    right: -62px !important;
	}

.footer-widget.mail-subscribe-widget3 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
p.copyright.text-muted {
        font-size: 15px !important;
		text-align: center !important;
}
.footer-menu.social {

}
.bubble {
	height:50px !important;
	width:50px !important;
		background-image: url(img/bubble.png);
	background-size: 50% 50%;
}
body{overflow-x:hidden;}

.intro-header li span{height: 420px !important;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background: rgba(225,225,225,0);

}
}
@media only screen and (min-width: 768px) and (max-width: 799px){
	body{overflow-x:hidden;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
	font-size:12px !important;
}
.navbar-custom .nav li a {
       font-size: 12px !important;
}
.social-header {    
    margin-right: 0px !important;
}
.nav.navbar-nav.navbar-right.nav1 {
    width: 71.5% !important;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
	margin-left: 0px !important;
	}
	
ul.nav.navbar-nav.navbar-right {
    width: 63% !important;
   }
   .schedule-appoint {
    margin-left: 50px !important;
   }
   #subscribe {
       left: 177px !important;
   }
   p.copyright.text-muted {
      padding-top: 26px !important;
font-size: 15px !important;
  
}
.col-xs-12 {
    width: 50% !important;
}
.footer-widget.mail-subscribe-widget {
    margin-left: 110px;
    float: left;
}
ul.list-inline.text-center {
    margin-left: -67px;
}
.span.\31 2 img {
    margin-top: 180px !important;
}
}
@media only screen and (min-width: 800px) and (max-width: 979px){
		body{overflow-x:hidden;}
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
	font-size:12px !important;
}
.navbar-custom .nav li a {
       font-size: 12px !important;
}
.social-header {    
    margin-right: 0px !important;
}
.nav.navbar-nav.navbar-right.nav1 {
    width: 74.5% !important;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left: 0px !important;}
ul.nav.navbar-nav.navbar-right {
    width: 61% !important;
   }
   .schedule-appoint {
    margin-left: 50px !important;
   }
   #subscribe {
       left: 177px !important;
   }
   p.copyright.text-muted {
       padding-top: 20px !important;
font-size: 15px !important;
    
}
.col-xs-12 {
    width: 50% !important;
}
.footer-widget.mail-subscribe-widget {
    margin-left: 110px;
    float: left;
}
ul.list-inline.text-center {

}
.footer-widget.mail-subscribe-widget3 {
    margin-left: 9px;
}
.span.\31 2 img {
    margin-top: 180px !important;
}
}
@media only screen and (min-width: 980px) and (max-width: 1279px){
			body{overflow-x:hidden;}

}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
	font-size:18px !important;
}
.navbar-custom .nav li a {
       font-size: 18px !important;
}
.social-header {    
    margin-right: -5px !important;
}
.nav.navbar-nav.navbar-right.nav1 {
    width: 71.5% !important;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left: 0px !important;}
ul.nav.navbar-nav.navbar-right {
    width: 60% !important;
   }
   .schedule-appoint {
    margin-left: 50px !important;
   }
   #subscribe {
       left: 177px !important;
   }
   p.copyright.text-muted {
       padding-top: 20px !important;
      font-size: 15px !important;
    }
.col-xs-12 {
    width: 50% !important;
}
.footer-widget.mail-subscribe-widget {
    margin-left: 110px;
    float: left;
}
ul.list-inline.text-center {

}
.footer-widget.mail-subscribe-widget3 {
    margin-left: 9px;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1300px){
	ul.nav.navbar-nav.navbar-right {
    width: 52% !important;
	}
	.nav.navbar-nav.navbar-right.nav1 {
    width: 64.5% !important;
}
}
@media only screen and (min-width: 1920px) and (max-width: 1940px){
ul.nav.navbar-nav.navbar-right {
    width: 34.5% !important;
}
.nav.navbar-nav.navbar-right.nav1 {
    width: 43% !important;
}
}
/********************Home Page Responsive End***********/
/********************Services Responsive Start***********/
@media only screen and (min-width: 320px) and (max-width: 359px){
	header.intro-header{background-image: url("../img/3.png");
min-height: 420px !important;
background-size: 100% 100%;}
.col-sm-6.dotwidth {
    width: 100% !important;
    margin-left:0px !important;
}
.col-sm-6.dwid {
    width: 100% !important;
}
.row.credicard {
    margin-left: 0px !important;
}
.col-sm-4.crrrdd {
    width: 100% !important;
}
.col-sm-1 {
    margin-left: 121px;
}
.col-sm-3 {
    background-repeat: no-repeat !important;
}
}
@media only screen and (min-width: 360px) and (max-width: 767px){
		header.intro-header{background-image: url("../img/3.png");
min-height: 420px !important;
background-size: 100% 100%;
background-repeat:no-repeat;
}
.col-sm-6.dotwidth {
    width: 100% !important;
    margin-left:0px !important;
}
.col-sm-6.dwid {
    width: 100% !important;
}
.row.credicard {
    margin-left: 0px !important;
}
.col-sm-4.crrrdd {
    width: 100% !important;
}
.col-sm-1 {
    margin-left: 121px;
}
.col-sm-3 {
    background-repeat: no-repeat !important;
	}
	
}
@media only screen and (min-width: 768px) and (max-width: 799px){
	.col-sm-3 {
    background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	}
	header.intro-header{background-image: url("../img/3.png");
min-height: 700px !important;
background-size: 100% 100%;
background-repeat:no-repeat;}
	.row.credicard {
    margin-left:0px !important;
}
.col-sm-4.crrrdd {
    width: 52.333% !important;
}
.col-sm-1 {
    margin-left: 3px !important;
}
}
@media only screen and (min-width: 800px) and (max-width: 979px){
	.col-sm-3 {
    background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	}
	header.intro-header{background-image: url("../img/3.png");
min-height: 700px !important;
background-size: 100% 100%;
background-repeat:no-repeat;}
	.row.credicard {
    margin-left:0px !important;
}
.col-sm-4.crrrdd {
    width: 52.333% !important;
}
.col-sm-1 {
    margin-left: 3px !important;
}
}
@media only screen and (min-width: 980px) and (max-width: 1279px){
	.col-sm-3 {
    background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	}
	header.intro-header{background-image: url("../img/3.png");
min-height: 700px !important;
background-size: 100% 100%;
background-repeat:no-repeat;}
	.row.credicard {
    margin-left:0px !important;
}
.col-sm-4.crrrdd {
    width: 52.333% !important;
}
.col-sm-1 {
    margin-left: 3px !important;
}
}
/********************Services Responsive End***********/
/********************Portfolio Responsive Start***********/
@media only screen and (min-width: 320px) and (max-width: 359px){
	header.intro-header{background-image: url("../img/dog3.jpg");
min-height: 420px !important;
background-size: 100% 100%;}
#jssor_1 {width: 262px !important;
}
.row {margin-right:0px !important;
margin-left: 0px !important;
}
}
@media only screen and (min-width: 360px) and (max-width: 767px){
	header.intro-header{background-image: url("../img/dog3.jpg");
min-height: 420px !important;
background-size: 100% 100%;
margin-top: 27%;}
#jssor_1 {width: 262px !important;
}
.row {margin-right:0px !important;
margin-left: 0px !important;
}
}
/********************Portfolio Responsive End***********/
/********************About Responsive start***********/
@media only screen and (min-width: 320px) and (max-width: 359px){
	.span_6 {
    float: left;
    width: 100%  !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-top: 0px !important;
	}
	.span_6 img {
    width: 254px !important;
	height: 150px !important;
   }
   .span_6.about2 img {
    padding-left: 27px !important;
   }
}
@media only screen and (min-width: 360px) and (max-width: 767px){
	.span_6 {
    float: left;
    width: 100%  !important;
	padding-right: 20px !important;
		margin-top: 0px !important;
	}
	.span_6 img {
    width: 254px !important;
	height: 150px !important;
   }
   .span_6.about2 img {
    padding-left: 27px !important;
   }
}
@media only screen and (min-width: 768px) and (max-width: 799px){
.span_6 img {
    width: 270px !important;
height: 249px !important;
   }
   .span_6 {
 padding-left:0px !important;	
		
	}
	.span_6.about2 {
    margin: 0px !important;
}
.row.why {
    margin-right: 70px !important;
}
}
@media only screen and (min-width: 800px) and (max-width: 979px){
	.span_6 img {
    width: 270px !important;
height: 249px !important;
   }
   .span_6 {
 padding-left:0px !important;	
		
	}
	.span_6.about2 {
    margin: 0px !important;
}
.row.why {
    margin-right: 38px !important;
}
}
@media only screen and (min-width: 980px) and (max-width: 1279px){
		.span_6 img {
    width: 340px !important;
height: 249px !important;
   }
   .span_6 {
 padding-left:0px !important;	
		
	}
	.span_6.about2 {
    margin: 0px !important;
}
.row.why {
    margin-right: -16px !important;
}
.span_6.us {
	padding-right: 0px !important;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1300px){
	.span_6 {
        padding-right: 26px !important;
}
.row.why {
    margin-right: 27px !important;
}
}
@media only screen and (min-width: 1920px) and (max-width: 1940px){
	.span_6.about {
    width: 609px !important;
}
}
/********************About Responsive End***********/
/********************contact Responsive start***********/
@media only screen and (min-width: 320px) and (max-width: 359px){
	.col-xs-6 {
    margin-top: -130px !important;
	width: 100% !important;
}
.form-group.col-xs-12.floating-label-form-group.controls {
	padding-left: 0px !important;
}
}
@media only screen and (min-width: 360px) and (max-width: 767px){
	.col-xs-6 {
    margin-top: -130px !important;
	width: 100% !important;}
	.form-group.col-xs-12.floating-label-form-group.controls {
	padding-left: 0px !important;
}

.customfontmenu 
{ 
	font-family: 'Oswald';   
    margin-top:12px;
    margin-right:0;
	float: left;
	width:100px;
}

.customfontmenu ul.nav.navbar-nav.navbar-right {
      /*width: 59%;
  font-family: "Bodoni MT Condensed";*/
	font-family: "Oswald";
	/*margin-right:165px;*/
}

}
@media only screen and (min-width: 768px) and (max-width: 799px){
	.form-group.col-xs-12.floating-label-form-group.controls {
	width: 97% !important;
}
}
@media only screen and (min-width: 800px) and (max-width: 979px){
		.form-group.col-xs-12.floating-label-form-group.controls {
	width: 97% !important;
}
}
@media only screen and (min-width: 980px) and (max-width: 1279px){
			.form-group.col-xs-12.floating-label-form-group.controls {
	width: 97% !important;
}
}

@media only screen and (min-width: 322px) and (max-width:568px){
.customfontmenu 
{ 
	font-family: 'Oswald';   
    margin-top:12px;
	float: left;
}

.customfontmenu ul.nav.navbar-nav.navbar-right {
      /*width: 59%;
  font-family: "Bodoni MT Condensed";*/
	font-family: "Oswald";
	margin-right:165px;
}
}

/********************* TDD Styles of DrunkSteel *******************/

.navbar-default .navbar-toggle{
	border-color:rgba(225,225,225,0)!important;
	}
	
.navbar-toggle{
	border:none!important;
	}

@media only screen and (min-width:330px) and (max-width:767px){
	.navbar-default{
		background-color:rgba(225,225,225);
		border:none;
	}
	
	
	.navbar-brand .bluebubblelogo{
		height:110px!important;
		}

	header.home-slider-wrapper{
		position:relative;
		top:176px;
		}
	
	.footer-widget.mail-subscribe-widget{
		margin-left:20px!important;
	}
	
	#subscribe{
		left:36px!important;
		}
}
		
	.customfontmenu{
		margin-right:2%;	
	}
	
	.navbar-brand .bluebubblelogo{
		height:129px!important;
		}