.theme { }
* { margin: 0; padding: 0 }
body { padding: 0; margin: 0; background: #FFF; font-family: 'Open Sans', sans-serif; }
body a { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; text-decoration: none; }
body a:hover { text-decoration: none; }
body a:focus,
a:hover { text-decoration: none; }
input[type="button"],
input[type="submit"] { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0; padding: 0; text-align: center; font-family: 'Oswald', sans-serif;}
p { margin: 0; }
ul { margin: 0; padding: 0; }
label { margin: 0; }
img { width: 100%; }
a:focus,
a:hover { text-decoration: none; outline: none }
/* HEADER */
.header { position: fixed; top: 0; width: 100%; z-index: 999999; }
.Slider { box-shadow: 4px 6px 17px 0 #000 inset; display: inline-block; margin-top: 83px; width: 100%; }
.top-bar { background-color: #cc9900; color: #fff; padding: 5px 30px; width: 100%; }
.top-bar a { color: #fff; }
.top-bar a:hover,
.top-bar a:focus { color: #fff; }
.social { width: 70%; float: left; text-align: left; }
ul.social-icons li { display: inline-block; }
ul.social-icons li a { display: inline-block; width: 50px; height: 50px; background: url("../images/img-sprite.png") no-repeat 0px 0px; }
ul.social-icons li a.facebook { background-position: 0px 0px; }
ul.social-icons li a.facebook:hover { background-position: 0px -50px; }
ul.social-icons li a.twitter { background-position: -50px 0px; }
ul.social-icons li a.twitter:hover { background-position: -50px -50px; }
ul.social-icons li a.googleplus { background-position: -100px 0px; }
ul.social-icons li a.googleplus:hover { background-position: -100px -50px; }
ul.social-icons li a.instagram { background-position: -150px 0px; }
ul.social-icons li a.instagram:hover { background-position: -150px -50px; }
ul.social-icons li a.youtube { background-position: -200px 0px; }
ul.social-icons li a.youtube:hover { background-position: -200px -50px; }
.phone,
.email { width: 15%; float: right; text-align: right; padding: 3px 0; }
span.glyphicon.glyphicon-envelope { margin-right: 5px; }
span.glyphicon.glyphicon-earphone { margin-right: 5px; }
.navbar-default { background-color: #012b72; border: none; margin-bottom: 0; border-radius: 0; }
.navbar-default .navbar-brand { color: #EEE; margin: 5px 0; }
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { color: #FFF; }
.navbar ul { float: right; margin: 0; }
.navbar ul li { float: left; text-align: center; display: inline-block; }
nav a { display: inline-block; margin: 0; outline: none; color: #fff; text-decoration: none; font-weight: 400; text-shadow: 0 0 1px rgba(255, 255, 255, 0.3); font-size: 14px; }
.navbar ul li a { padding: 20px 10px; }
nav a:hover { outline: none; color: #FFF; background: #cc9900; }
nav a:focus { color: #fff }
nav a.active { background: #cc9900; }
.hover-effect a { }
.hover-effect a span { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.hover-effect a span::before { position: absolute; top: 100%; content: attr(data-hover); font-weight: 700; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*gallery*/
.g-caption a {
    background: #012b72;
    color: #fff;
    padding: 1px 6px 3px;
    border-radius: 4px;
    display: inline-block;
    margin-top: 8px;
}	
.gallery { width: 100%; float: left; background: #fafafa; padding: 75px 0 100px; }
.gallery-box { width: 100%; float: left; padding: 15px 0; text-align: center; }
.gallery-box img { border: 6px solid #f4ce5c; width: 300px; height: 300px; display: inline; }
.about { padding: 75px 0; }
.clients { width: 100%; float: left; padding: 75px 0; }
.clients h3 { font-size: 30px; margin-bottom: 50px; }
.flex-active-slide h4 { font-size: 30px; font-weight: 300; }
.flex-active-slide p { line-height: 30px; margin: 30px 0; text-align: center; }
.client { float: right; text-align: right; }
.client h5 { font-size: 20px; }
p.client-work { margin: 10px 0 0 0; }
.g-caption { width: 100%; float: left; text-align: center; }
.g-caption p { font-style: italic; margin: 15px 0; font-size: 12px }
.parneet { position: relative; }
.parneetImg { position: absolute; top: 0; left: 0; }
.parneetImg img { width: 150px; height: 150px; }
/*-- Contact --*/
.contact { background: url("../images/contact.png"); background-color: #333; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 50px 0 75px; float: left; width: 100%; }
.contact_form input[type='text'] { width: 100%; border-radius: 0; line-height: 22px; font-size: 14px; padding: 14px 17px 14px; outline: none; color: #FFF; height: 43px; border: 2px solid #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px; background: rgba(51, 51, 51, 0.61); border-radius: 4px; }
.contact_form textarea { width: 100%; border-radius: 0; line-height: 22px; font-size: 14px; padding: 14px 17px 14px; outline: none; border: 2px solid #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize: none; color: #FFF; height: 191px; background: rgba(51, 51, 51, 0.61); border-radius: 4px; }
form.contact_form { text-align: center; }
input.text:active,
input.text:focus { background-color: rgba(0, 0, 0, 0.84); }
textarea:active,
textarea:focus { background-color: rgba(0, 0, 0, 0.84); }
.more_btn { margin-top: 50px; padding: 12px 60px; border: none; font-size: 22px; color: #FFF; background-color: rgb(190, 1, 1); text-decoration: none; outline: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; border-radius: 5px; }
.more_btn:hover { color: #FFF; background-color: rgba(0, 0, 0, 0.84); cursor: pointer; }
/*-- //Contact --*/



/*-- Footer --*/
.footer { background-color: #0d6efd; float: left; width: 100%; }
.footer-info { margin: 0 }
.footer h4 { color: #fff; padding: 20px 0; font-weight: 600; text-align: left; }
.footer-info li { color: #EEE; display: block; font-weight: 300; font-size: 13px; line-height: 25px; }
.links a { color: #EEE; }
.links a:hover { color: #FFF; text-decoration: underline; }
a.mail { color: #EEE; }
a.mail:hover,
a.mail:focus { color: #fff; outline: none }
/*-- Newsletter --*/
.footer-info p { color: #EEE; font-weight: 300; font-size: 13px; line-height: 23px; margin-bottom: 10px; text-align: left; }
.copyright p { color: #FFF; }
.copyright a { color: #FFF; text-decoration: none; }
.copyright a:hover { color: #006db7; text-decoration: underline; }
#toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 15px; overflow: hidden; width: 40px; height: 40px; border: none; text-indent: 100%; color: #fff; font-size: 30px; }
/* Heading */
.heading { width: 100%; float: left; text-align: center; margin: 0 0 40px; }
.heading h2 { font-size: 35px; font-weight: 700; margin: 0; padding: 0; text-transform: uppercase; }
/*About Us*/
.aboutUs { width: 100%; float: left; padding: 40px 0; }
.aboutUs strong { color: #be0101; display: inline-block; font-size: 15px; margin: 12px 0 0; width: 100%; }
.aboutUs ul { padding-left: 0; list-style: none; margin: 0 }
.aboutUs ul i { margin-right: 6px; color: #666 }
.aboutUs p,
.aboutUs ul li { font-size: 12px; color: #333; line-height: 18px; }
.aboutUs p { margin: 0 0 10px 0 }
.theme .aboutUs h3{text-align:left; font-size:20px; color:#333; letter-spacing:normal; font-weight:700}
/*sevices*/
.services { width: 100%; float: left; background: #e4e4e4; padding: 40px 0; }
.intro-left { width: 100%; float: left; }
.main-service { width: 100%; height: auto; float: left; background: #FFF; margin-bottom: 30px; }
.intro-left a { margin-bottom: 15px; display: inline-block; }
.intro-left a:last-child { margin-bottom: 0; }
. .ourService {
width:100%;
float:left;
}
.ourService h2 { width: 100%; float: left; color: #e00001; font-size: 17px; font-weight: 600; margin: 0; padding: 10px 0; }
.pd0 { padding: 0 !important; }
.ourService p { width: 100%; float: left; font-size: 14px; font-weight: 200; color: #3d3c3c; line-height: 21px; text-align: center; }
.intro-right { width: 100%; float: left; background: #FFF; text-align: center; padding: 20px 0; }
.intro-right h3 { width: 100%; float: left; font-size: 26px; font-weight: 900; color: #333333; margin: 0; padding: 0; text-align: center; }
.intro-right span { color: #e00001; }
.intro-right p { width: 100%; float: left; font-size: 24px; color: #777777; font-weight: 500; text-align: center; margin: 0 0 25px; padding: 10px 0; }
.intro-right h4 { padding: 5px 20px; background: #f1efef; display: inline; font-weight: 900; font-size: 27px }
.ers-logo { width: 100%; float: left; text-align: center; margin: 0 12px; }
.intro-right em { width: 100%; float: left; font-size: 17px; color: #333333; padding: 13px 0 0 0; }
.ImpNote { width: 100%; float: left; text-align: center; padding: 15px 0; background: #f4f4f4; text-transform: uppercase; }
.ImpNote h3 { font-size: 30px; font-weight: 900; margin: 0 }
.ImpNote h3 span { color: #be0101; }
.newsletter ul { }
.newsletter li { float: left; }
.newsletter ul li a,
.newsletter ul li a:hover { color: #fff; margin: 0 10px; font-size: 18px; }
/*Copyrights*/
.copyright { text-align: center; padding: 10px 0; border-top: 1px solid #ffffff47 }
/*service page*/
.service_name { width: 100%; float: left; background: #fafafa; margin-top:83px;}
.service_name h1 { width: 100%; float: left; font-size: 35px; text-align: left; font-weight: bold; margin: 0; padding: 20px 0; text-transform: uppercase; }
.service_main { width: 100%; float: left; }
.service_main .service { width: 100%; float: left; padding: 30px 0; }
.service_main p { float: let; font-size: 14px; padding-bottom: 10px; }
.min-point { width: 100%; display: block; margin: 10px 0; padding-left: 20px; }
.min-point li { width: 100%; float: left; margin-bottom: 5px; list-style: none; list-style-image: url(../images/bullet-type-1.png); margin-bottom: 16px !important; }
.service-heading { width: 100%; float: left; background: #be0101; color: #fff; font-size: 23px; font-weight: 600; text-align: left; margin: 20px 0 10px 0; padding: 10px; }
.sub-head { width: 100%; float: left; font-size: 22px; font-weight: 600; padding: 10px 0; }
.sub-point { width: 100%; display: block; margin: 20px 0; padding: 0; }
.sub-point li { width: 100%; float: left; margin-bottom: 5px; list-style: none; font-size: 16px; font-weight: 300; }
.service-note { width: 100%; float: left; background: #e3e3e3; text-align: center; padding: 20px; margin: 10px 0 20px 0; }
.dropdown .dropdown-menu { background: #cc9900 none repeat scroll 0 0; border: 0 none; border-radius: 0; float: none; top: 60px; right: 0; left: auto; padding: 0; }
.dropdown .dropdown-menu li { width: 100%; float: left; text-align: left; border-bottom: 1px dotted #FFF; }
.dropdown .dropdown-menu li:last-child { border-bottom: none; }
.dropdown .dropdown-menu li { margin: 0 }
.dropdown .dropdown-menu li a { color: #fff; font-size: 12px; height: auto; margin: 0; padding: 5px 10px; text-align: left; width: 100%; }
.new-boxes {
    display: inline-block;
    width: 100%;
    background: #5a0e00;
    padding: 50px 0;
    color: #fff;
    text-align: left;
}
.box-top p {
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 20px;
}
.box-top h6 {
    font-size: 20px;
    position: relative;
    top: -18px;
}
.yb h5 {
    background: #fff17b7a;
    color: #5a0e00;
    font-size: 20px;
    font-weight: 600;
    padding: 40px 30px;
    line-height: 26px;
    border-radius: 10px;
    border: 2px dotted;
    margin: 50px 0 20px;
}

 @media screen and (max-width:1366px) {
.social { width: 60%; }
.phone,
.email { font-size: 12px; margin: 0 5px; width: auto; }
}
}
 @media screen and (max-width:1024px) {
.top-bar { padding: 0 30px 0 10px; }
.social { width: 50%; }
.phone,
.email { width: 25%; }
a.navbar-brand { padding: 15px 10px; font-size: 35px; }
nav a { font-size: 15px; }
.hover-effect a span { width: 80px; }
.about h1 { font-size: 30px; margin-bottom: 15px; }
.about p { line-height: 26px; padding: 0 30px; }
.details h2 { font-size: 35px; margin: 50px 0 30px; }
.details p { line-height: 30px; }
.details-image { padding: 10px 0 20px; }
.details-image img { width: 80px; }
.details-info p { padding: 0; }
.details-grids { padding-bottom: 50px; }
.clients h3 { font-size: 35px; }
}
.gallery { padding: 50px 0 75px; }
.gallery h3 { font-size: 35px; margin-bottom: 30px; }
.contact h3 { font-size: 35px; margin-bottom: 30px; color: #fff; text-transform: uppercase; font-weight: 800 }
.grid figure figcaption { padding: 2em; }
figcaption h4 { margin-top: 2em; }
figure.effect-kira figcaption::before { top: 3.2em; }
figure.effect-kira .team-social { padding: 1.2em 0 2.5em; }
.map iframe { height: 400px; }
.contact { padding: 50px 0; }
}
 @media screen and (max-width:991px) {
.about h1 { line-height: 25px; }
.about p { line-height: 20px; font-size: 13px; padding: 0 15px; }
.newsletter .email { padding: 5px 50px 5px 15px; }
.newsletter .submit { right: -13px; }

}
 @media screen and (max-width:853px) {
.social { width: 48%; }
a.navbar-brand { font-size: 30px; }
}
 @media screen and (max-width:800px) {
.social { width: 44%; }
a.navbar-brand { padding: 15px 5px; }
.navbar-collapse { padding-right: 0; padding-left: 0; }
.container-fluid>.navbar-collapse { margin-right: -10px; }
nav a { font-size: 14px; }
}
 @media only screen and (min-width:1px) and (max-width:767px) {
.dropdown-menu { float: none; left: 0 !important; }
.social { width: 40%; }

.newsletter .email { height: 35px; }
.newsletter .submit { width: 35px; height: 35px; }
.slide-body .caption.header h2 { margin-bottom: 15px; }
.gallery-box img { width: 250px; height: 250px; }
.parneetImg { top: 80px; }
.ImpNote h3 { font-size: 20px; }
.theme .navbar-default .navbar-toggle { background: #cc9900; border: none; margin:5px 0 }
.theme .navbar-default .navbar-toggle .icon-bar { background-color: #FFF; }
.navbar ul li { border-bottom: 1px dotted #FFF; }
.navbar ul li:last-child { border-bottom: none; }
.service_name h1 { font-size: 24px; }
.service-heading { font-size: 20px; }
.sub-head { font-size: 18px; }
.heading h2 { font-size: 30px; }
.dropdown-menu { width: 291px; display: block; }
#mobhid { display: none }
.gallery { margin-top: 110px; }
.header { z-index: 999 }
.navbar ul li a {
    padding: 5px 10px;
}
.dropdown .dropdown-menu{width:100%; top:30px;}
.dropdown .dropdown-menu li a{font-size:10px;}
a.navbar-brand img{width:200px;}
.service_name{margin-top:133px;}
}

 @media screen and (max-width:736px) {
.dropdown .dropdown-menu { left: 0 !important;position: static;
    z-index: 999999; }
.social { padding: 5px 0 5px 5px; }
ul.social-icons li a { display: inline-block; width: 30px; height: 30px; background: url("../images/img-sprite.png") no-repeat 0px 0px; background-size: 200px; }
ul.social-icons li a.facebook:hover { background-position: 0px -33px; }
ul.social-icons li a.twitter { background-position: -35px 0px; }
ul.social-icons li a.twitter:hover { background-position: -35px -33px; }
ul.social-icons li a.googleplus { background-position: -69px 0px; }
ul.social-icons li a.googleplus:hover { background-position: -69px -33px; }
ul.social-icons li a.instagram { background-position: -102px 0px; }
ul.social-icons li a.instagram:hover { background-position: -102px -33px; }
ul.social-icons li a.youtube { background-position: -135px 0px; }
ul.social-icons li a.youtube:hover { background-position: -135px -33px; }
.phone,
.email { font-size: 13px; }
.navbar-collapse { border-top: none; box-shadow: none; }
a.navbar-brand { padding: 0; margin-left: 20px; }
.navbar ul { float: none; text-align: center; }
.navbar ul li { float: none; display: block; text-align: left; }
.about,
.clients,
.who,
.features,
.gallery { padding: 50px 0; }
.about-grid { width: 50%; float: left; }
.about h1 { line-height: 21px; font-size: 25px; margin-bottom: 20px; }
.about p { line-height: 21px; font-size: 12px; }
.details p { font-size: 13px; }
.details-grids { padding: 50px 0; }
.details-grid { width: 33.3%; float: left; }
.details-image { padding: 10px 0px; }
.details-image img { width: 65px; }
.details-info { padding: 20px 0px; }
.flex-active-slide p { padding: 0px 30px; line-height: 25px; }
.stats { padding: 50px 0px; }
.stats-grid { width: 25%; float: left; }
.who-grid { width: 50%; float: left; }
.who h3 { line-height: 21px; font-size: 25px; margin-bottom: 20px; }
.who p { line-height: 21px; font-size: 12px; }
.feature { width: 33.3%; }
.features p { font-size: 13px; padding: 0 30px; }
.features-item p { padding: 20px 0 15px; }
.left-1 { width: 25%; float: left; }
.left-2 { width: 50%; float: left; }
.g-3 { width: 50%; float: left; }
.g-4 { width: 50%; float: left; }
.left-3 { width: 25%; float: left; }
figure.effect-kira figcaption::before { height: 2.5em; }
.map iframe { height: 250px; }
.c1 { width: 50%; float: left; padding: 0 5px; }
.footer-info { margin-top: 30px; }
.footer-info-grid { width: 33.3%; float: left; }
.newsletter .email { width: 95%; padding: 5px 25px 5px 5px; font-size: 11px; }
}
 @media screen and (max-width:667px) {
.top-bar { padding: 0px 10px; }
.social { width: 38%; }
.phone,
.email { width: 31%; }
.details h2,
.clients h3,
.features h3,
.gallery h3,
.team h3,
.contact h3 { font-size: 30px; }
.details p { padding: 0px 60px; }
.details-info h3 { font-size: 22px; }
.details-info p { padding: 0 10px; }
.clients h3 { margin-bottom: 40px; }
.flex-active-slide h4 { font-size: 28px; }
.flex-active-slide p { line-height: 25px; font-size: 13px; padding: 0 10px; }
.stats h3 { font-size: 30px; margin-bottom: 50px; }
.stats-img img { width: 65px; }
.features p { padding: 0px 20px; }
.features-item p { padding: 15px 0; }
.team .grid figure { margin-bottom: 7px; }
figcaption h4 { font-size: 29px; }
.grid figure figcaption { padding: 1em; }
figure.effect-kira figcaption::before { top: 2em; }
.more_btn { margin-top: 30px; padding: 10px 30px; font-size: 13px; }
}
 @media screen and (max-width:640px) {
.social { width: 36%; }
.phone,
.email { width: 32%; }
.details p { padding: 0px 30px; }
.details-info p { padding: 0px 5px; }
.details-info h3 { font-size: 21px; }
.contact_form input[type='text'] { padding: 10px 17px 10px; height: 35px; }
.contact_form textarea { height: 145px; }
}
 @media screen and (max-width:603px) {
.social { width: 34%; }
.phone,
.email { width: 33%; }
.details-info h3 { font-size: 20px; }
.footer-info-grid.links { width: 28%; }
.footer-info-grid.address { width: 38%; }
.footer-info-grid.email { width: 34%; }
.footer-info p { margin-bottom: 5px; }
}
 @media screen and (max-width:600px) {
.phone,
.email { font-size: 12px; }
.left-1 { width: 100%; float: left; }
.left-2 { width: 100%; float: left; }
.left-3 { width: 100%; float: left; }
}
 @media screen and (max-width:568px) {
.details p { padding: 0px 10px; font-size: 12px; }
.details-info h3 { font-size: 18px; }
.flex-active-slide p { font-size: 12px; }
.client h5 { font-size: 18px; }
.stats-info p { font-size: 18px; }
.features p { font-size: 12px; margin-bottom: 30px; }
.features-item p { margin: 0; line-height: 25px; }
figcaption h4 { margin-top: 1em; font-size: 27px; }
figure.effect-kira figcaption::before { top: 0.2em; }
.footer h4 { font-size: 16px; }
.footer-info li { font-size: 12px; }
.footer-info p { font-size: 12px; }
}
 @media screen and (max-width:533px) {
.social { width: 100%; text-align: center; }
.phone,
.email { width: 100%; text-align: center; margin-bottom: 10px; }
.details-info h3 { font-size: 15px; font-weight: 400; }
}
 @media screen and (max-width:480px) {
.about-grid { width: 100%; }
.about h1 { margin-top: 25px; }
.about p { line-height: 25px; }
.details-grid { width: 50%; }
.dgrid-3 { border-bottom: 1px solid #777; border-left: none; border-right: 1px solid #777; }
.dgrid-4 { border-right: none; border-bottom: 1px solid #777; }
.who-grid { width: 100%; }
.who h3 { margin-top: 25px; }
.who p { line-height: 26px; }
.feature { width: 50%; }
.features p { padding: 0px 5px; }
.grid figure figcaption { padding: 0em; }
figcaption h4 { margin-top: 2em; font-size: 23px; }
figure.effect-kira figcaption::before { top: 0.1em; }
.footer-info-grid.links { width: 20%; }
.footer-info-grid.address { width: 46%; }
}
 @media screen and (max-width:414px) {
.details p { padding: 0; }
.details-info p { padding: 0 5px; }
.features-item p { padding: 15px 5px 0; }
.team .grid figure { margin-bottom: 15px; width: 100%; margin-right: 0; }
.contact_form input[type='text'] { font-size: 12px; padding: 10px; }
.contact_form textarea { font-size: 12px }
.footer-info-grid.links { width: 40%; }
.footer-info-grid.address { width: 60%; }
.footer-info-grid.newsletter { width: 100%; margin-bottom: 30px; }
.newsletter .submit { right: 0; }
.footer-info p { margin-bottom: 15px; }
.copyright p { font-size: 13px; }
}
 @media screen and (max-width:384px) {
.about p { padding: 0 10px; }
.stats { padding-bottom: 0; }
.stats-grid { width: 50%; margin-bottom: 50px; }
.stats-img { margin-bottom: 15px; }
.numscroller { margin-bottom: 0; }
.features p { padding: 0; }
.features-item p { padding: 15px 0 0; }
.connect-social ul li a { width: 25px; height: 25px; background-size: 250px; }
.connect-social ul li a.facebook:hover { background-position: 0px -25px; }
.connect-social ul li a.twitter { background-position: -25px 0px; }
.connect-social ul li a.twitter:hover { background-position: -25px -25px; }
.connect-social ul li a.googleplus { background-position: -50px 0px; }
.connect-social ul li a.googleplus:hover { background-position: -50px -25px; }
.connect-social ul li a.linkedin { background-position: -75px 0px; }
.connect-social ul li a.linkedin:hover { background-position: -75px -25px; }
.connect-social ul li a.blogger { background-position: -100px 0px; }
.connect-social ul li a.blogger:hover { background-position: -100px -25px; }
.connect-social ul li a.tumblr { background-position: -125px 0px; }
.connect-social ul li a.tumblr:hover { background-position: -125px -25px; }
.connect-social ul li a.rss { background-position: -150px 0px; }
.connect-social ul li a.rss:hover { background-position: -150px -25px; }
.connect-social ul li a.youtube { background-position: -175px 0px; }
.connect-social ul li a.youtube:hover { background-position: -175px -25px; }
.connect-social ul li a.vimeo { background-position: -200px 0px; }
.connect-social ul li a.vimeo:hover { background-position: -200px -25px; }
.connect-social ul li a.deviantart { background-position: -225px 0px; }
.connect-social ul li a.deviantart:hover { background-position: -225px -25px; }
}
 @media screen and (max-width:375px) {
.about p { padding: 0; }
.details-info p { padding: 0 2px; }
.flex-active-slide p { padding: 0; }
.who p { padding: 0; }
}
 @media screen and (max-width:360px) {
.details-info h3 { font-size: 14px; }
}
 @media screen and (max-width:320px) {
.email { margin: 0; padding: 5px 0 0 0; }
.about,
.clients,
.who,
.features,
.gallery { padding: 30px 0; }
.details-grid { width: 100%; }
.dgrid-1 { border-right: none; }
.dgrid-3 { border-right: none; }
.dgrid-6 { border-left: none; border-top: 1px solid #777; }
.feature { width: 100%; }
#features h3 { margin-bottom: 10px; }
.c1 { width: 100%; }
.footer-info-grid.links,
.footer-info-grid.address,
.footer-info-grid.newsletter { width: 100%; padding: 0 3px; }
}
 @media only screen and (min-width:768px) and (max-width:1050px) {
.navbar ul li { border-bottom: none; }
.gallery-box img { height: 220px; }
.parneetImg { top: -26px; }
.phone, .email{width:auto}

}

/*-- //Responsive Code --*/