/*
Theme Name: TV Installer
Theme URI: https://vintagecoders.com/
Description: The TV Insatller for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. The TV Insatller supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.

Tags: blog, two-columns, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header, featured-images, footer-widgets, featured-image-header
Text Domain: tvinstaller
*/



body {
   font-family: 'Montserrat', sans-serif !important;
	color: #303030;
}
h1.entry-title{margin:0px;}
a:hover {
    text-decoration: none!important;
}
img{max-width:100%;}
.space-top
{
padding-top:30px;
}
.space-bottom
{
padding-bottom:30px;
}
.search .no-results {
    padding: 100px 0px;
    text-align: center;
}
h2.entry-title a {
    color: #303030;
}
.search div#content {
    padding: 30px 0px;
}
/*header*/
*:focus{
	outline:0px;
}
.menu ul,.social-icons ul,.footer-links ul {
    list-style-type: none;
}

 .social-icons li {
    display: inline-block;
    margin-right: 20px;
}
.menu li {
    display: inline-block;
     
}

div#myNavbar {
    float: right;
}
.menu {
  
    text-align: right;
}
nav ul.nav a:hover{
    color: #fff4de;
    background-color: #303030;
    border-radius: 3px;
	transition: background-color 0.5s;
}
nav ul.nav a:active,nav ul.nav a:focus  {
    color: #fff4de;
    background-color: #303030;
    border-radius: 3px;
	outline:0px;
	}
nav.navbar {
    height: 70px;
}

.navbar-header.logo, div#myNavbar {
    margin-top: 10px;
}
button.navbar-toggle span {
      background: #303030;
}
.logo p {
    font-size: 28px;
    font-weight: 900;
	color: #303030;
}
.logo span,.footer-links span {
    color: #BE1014;
}
header.header {
    background: #FFF4DE;
}
nav.navbar {
    margin-bottom: 0px;
    /* padding-top: 5px; */
}
.menu .nav li a {
    font-size: 14px;
    color: #303030;
    text-decoration: none;
	font-weight: 700;
	padding:10px 20px;
}
.menu a:hover {
    color: red;
}

header .col-md-9 {
    padding-top: 14px;
}
/*BANNER*/
.banner-section {
   
    min-height:500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.banner-section h2 {
    font-size: 55px;
    color: #fff;
    padding-top: 250px;
    padding-right: 50px;
    font-weight: 700;
    text-align: right;
}
.banner-bottom {
    background: #FFF4DE;
    height: auto;
    padding: 50px;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
}
.banner-bottom p {
    letter-spacing: 0.5px;
    font-size: 15px;
	padding-left: 15px;
    padding-right: 15px;
}
.banner-bottom p:nth-child(2) {
    letter-spacing: 0.5px;
    font-size: 15px;
    padding-left: 60px;
    padding-right: 60px;
}
/*Blog*/

.page-id-939 .blog-style.row {
    display: inline-block;
    float: left;
    width: 31%;
    margin: 10px;
    text-align: center;
}
/*ABOUT US*/
.tv-installation-services h1, .about-us h2, .our-services h2, .cust-reviews h2 ,.contact-us h2{
    color: #4D4D4D;
}
.cust-reviews h2 {
    text-align: center;
    padding: 0px 50px 0px 50px;
}
.cust-reviews.row {
    padding: 50px;
}
.tv-installation-services, .about-us{
    text-align: center;
	padding: 50px;
}
.tv-installation-services .text p
{font-weight: 500;
}
.about-us .text p,.ourservices-section-1 p ,.ourservices-section-2 li,.ourservices-section-3 p {
    text-align: justify;
    font-weight: 500;
}
.about-us hr{
    border-top: 5px solid #BE1014;
    width: 220px;
    margin: 20px auto;
}
.tv-installation-services hr{
    border-top: 5px solid #BE1014;
    width: 575px;
    margin: 20px auto;
}
.our-services hr {
    border-top: 5px solid #BE1014;
    width: 310px;
    margin: 20px auto;
}
.cust-reviews hr {
    border-top: 5px solid #BE1014;
    width: 450px;
    margin: 20px auto;
}
.tv-installation-services h1, .about-us h2,.our-services h2,.cust-reviews h2,.contact-us h2 {
    font-size: 40px;
    font-weight: 700;
}
.about-us img ,.contact-us img{
    width: 90%;
    max-width: 100%;
}
.about-us .col-md-6.text {
    padding-top: 30px;
}
/*.about-us .text p {
    padding-left: 22.5%;
    padding-right: 22.5%;
}*/
.our-services {
    text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.col-md-12.ourservices-section-3 p {
    text-align: center;
}
.tv-installation-services.row, .our-services.row {
    background: #fff4de;
}
.col-md-12.text-divide {
    /*background: #EEE7D7;*/
    padding: 30px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.our-services ul
{ 
list-style-type:none;
}
.our-services li:before {
    content: '-';
    margin-right: 10px;
    font-weight: 600;
}
.ourservices-section-1 p{
    padding-left: 50px;
    padding-right: 50px;
    line-height: 25px;
    text-align: initial;
    letter-spacing: 1.5px;
}
.ourservices-section-2 li {
     line-height: 25px;
    text-align: initial;
    letter-spacing: 1.5px;
}
.ourservices-section-2 p {
    text-align: justify;
    font-weight: 500;
}
.col-md-12.ourservices-section-3 {
    padding: 50px 50px 0px 50px;
}
.ourservices-section-3 p:first-child {
   font-size: 16px;
    padding-left: 20%;
    padding-right: 20%;
    letter-spacing: 2.0px
}
.ourservices-section-3 p:nth-child(2) {
    font-size: 20px;
    padding-top: 30px;
}
.cust-reviews h4 {
    color: #A99E88;
    font-weight: 700;
}

.cust-reviews p {
    padding: 20px 50px 20px;
}
.vector img {
    max-width: 100%;
}

.vector {
    width: 100%;
    margin: 0px auto;
  }
 
 .contact-us .heading {
    text-align: center;
}

.contact-us hr {
    width: 20%;
    border-top: 5px solid #BE1014;
    margin: 20px auto;
}
.contact-us .col-md-6.text {
    padding-left: 10%;
    padding-top: 10%;
}
.contact-us h4 {
    color: #4D4D4D;
    font-weight: 800;
}
.contact-us .heading p {
    font-weight: 500;
	width: 80%;
    margin: 0px auto;
}
.contact-us p {
    color: #4d4d4d;
	padding-bottom: 20px;
}
.contact-us.row {
    background: #fff4de;
	 padding-top: 30px;
}
.contact-us h3 {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    color: #a79b85;
    margin-bottom: 40px;
    margin-top: 0px;
}

.cust-reviews.row {
    background: rgb(255, 244, 222);
}
/* Our offers*/
.our-offers h2 {
    font-size: 40px;
    font-weight: 700;
    color: #4d4d4d;
    text-align: center;
}

.our-offers hr {
    border-top: 5px solid #BE1014;
    width: 220px;
    margin: 20px auto;
}

/*Footer*/
.social-icons {
    padding-top: 40px;
    padding-bottom: 30px;
	background: #544b4b;
}
.page-id-11 div#container {
    display: inline-block;
    width: 100%;
}
.social-icons .col-md-5 {
    text-align: right;
}
.social-icons p, .social-icons .custom-html-widget {
padding-top:10px;
    padding-left: 10px;
    font-size: 20px;
	color: #fff4de;
}
.social-icons i {
    color: #4d4d4d;
    background: #fff4de;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    padding: 15px;
    text-align: center;
}

.footer-links
{padding-top: 40px;
    padding-bottom: 30px;
	background: #fff4de;
}
.footer-links .footer-logo p {
    font-size: 20px;
    font-weight: 900;
}
.footer-links ul {
    padding-left: 0px;
}
.footer-links li {
    padding-top: 10px;
}
.footer-links a {
    color: #544b4b;
	font-weight: 500;
	text-decoration: none;
}

.footer-links h4 {
    font-weight: 500;
	color: #544b4b;
}
.footer-contact i {
    margin-right: 10px;
}
.copyright {
    background: #3a3333;
	padding-top: 20px;
    padding-bottom: 20px;
	text-align: center;
    color: #fff4de;
}
.copyright p {
    margin: 0px;
}
.contactus-form label {
    width: 100%;
	text-align:left;
}

/*  Service Page  */
.banner-section.Service-banner h2 {
     padding: 0px 0px 0px; 
    width: 80%;
    margin: 100px auto 0px;
    text-align: center;
}
.content-section {
    padding-top: 10px;
    padding-left: 50px;
    
    line-height: 25px;
    text-align: initial;
    letter-spacing: 1.5px;
    font-weight: 500;
}

.services-section {
    padding: 50px 0px;
}

.content-section ul li {
    list-style: none;
}

.content-section ul li:before {
    content: '-';
    margin-right: 10px;
    font-weight: 600;
}

.content-section ul {
    padding-left: 0px;
}
.content-section h2 {
    font-size: 40px;
    font-weight: 700;
    color: #4D4D4D;
	 text-align: center;
}
.content-section p{font-weight:600;}
li.ordered-list {
    font-weight: 600;
}
.content-section hr {
    border-top: 5px solid #BE1014;
    width: 30%;
    margin: 20px auto;
}
.banner-section.Service-banner.row {
    background-image: url(./images/tv-banner.jpg);
	min-height:inherit;
	padding:150px 0px;
}
.image-section img{width:100%;}
/* Pricing Table */
* {
  box-sizing: border-box;
}

.columns {
  float: left;
  width: 33.3%;
  padding: 8px;
}

.price {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.price:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.price .header {
  background-color: #111;
  color: white;
  font-size: 21px;
}

.price li {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
}

/*.price .grey {
  background-color: #eee;
  font-size: 20px;
}*/

.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}

.price .grey {
    font-size: 30px;
    background-color: #fff4de;
}

@media only screen and (max-width: 600px) {
  .columns {
    width: 100%;
  }
}
/* Offers Page */
.offer-section ul {
    margin-bottom: 10px;
}
.content-section.offer-section {
    padding-top: 0px;
}
.offer-image{margin-top: 20px;}
.contact-us a{color:#4d4d4d; text-decoration:none;}
.div-container {
    width: 90%;
    margin: 0px auto;
}
p.contact-bottom {
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 1.5px;
    line-height: 25px;
    font-size: 22px;
}
.contact-us.offer-contact {
    padding: 50px 0px 30px;
}
.contact-us.offer-contact h3 {
    color: #000;
    text-shadow: 4px 2px 6px #989595;
	line-height: 1.3;
	text-align:center;
}

.gallery img {
    max-width: 100%;
    padding: 10px;
	height: 300px;
}
.gallery .col-md-3{
  position: relative;
  width: 25%;
}
.gallery .col-md-3 .image {
  opacity: 1;
  display: block;
  width: 100%;
  height: 300px;
  transition: .5s ease;
  backface-visibility: hidden;
}
.gallery .col-md-3 .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
 transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.gallery .col-md-3:hover .image {
  opacity: 0.3;
}


.gallery .col-md-3:hover .middle {
  opacity: 1;
}

.gallery .col-md-3 .text {
  background-color: #303030;
    color: #fff4de;
    font-size: 16px;
    padding: 16px 32px;
    font-weight: 700;
}
.portfolio-heading ,.contactus-heading{
    color: #000;
    
    line-height: 1.3;
    text-align: center;
	    padding: 40px 0px;
}
.portfolio-heading p {
    width: 80%;
    margin: 0px auto;
}
.portfolio-heading h3{text-shadow: 4px 2px 6px #989595;}
.portfolio-heading h3,.contactus-heading  h3{
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
  }
  
 .contact  input,.contact textarea {
    width: 100%;
}
.contact {
    width: 90%;
    margin: 0px auto;
}
.contact form {
   margin-left: 0px;
}
.contact input, .contact textarea {
    margin-bottom: 25px;
}
.contact input[type="text"],.contact  input[type="email"], .contact input[type="tel"],.contact textarea {
    background: #fff4de;
    border-bottom: 1px solid #303030 !important;
    padding: 5px;
    border: none;
    margin-top: 7px;
}
.contactus-form .col-md-12 {
    text-align: left;
}
.contact textarea {
    height: 135px;
}
.contact input[type="submit"] {
    color: #fff4de;
    background: #544b4b;
    border: 1px solid #544b4b;
    border-radius: 2px;
    margin-bottom: 40px;
    margin-top: 10px;
    display: inline-block;
    width: auto;
    padding: 15px 55px;
    text-transform: uppercase;
    font-size: 18px;
}
.contact form p {
    clear: both;
    color: #303030;
    font-size: 15px;
    font-weight: 500;
    width: 80%;
    display: inline-block;
    margin: 0px;
	text-align: left;
margin: 10px 0px;
}
.contactus-form {
text-align: center;
}
.footer-gallery img {
    max-width: 100%;
}
.footer-gallery .col-md-3 {
    padding: 5px 5px;
}


/*customer -review SLIDER CSS*/
* {box-sizing: border-box}

/* Slideshow container */
.cust-reviews .slideshow-container {
  position: relative;
}

/* Slides */
.cust-reviews .mySlides {
  display: none;
  
  text-align: center;
}

/* Next & previous buttons */
.cust-reviews .prev, .cust-reviews .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.cust-reviews .next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}
.customer-review-1 p.author {
    font-weight: 600;
}


/* On hover, add a black background color with a little bit see-through */
.cust-reviews .prev:hover, .cust-reviews .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.cust-reviews .dot-container {
    text-align: center;
    padding: 20px;
}

/* The dots/bullets/indicators */
.cust-reviews .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.cust-reviews .active,.cust-reviews .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
.mySlides p{font-style: italic;}
.mySlides p:first-child:before{content: open-quote;}
.mySlides p:first-child:after{content: close-quote;}
.review p:first-child:before{content: open-quote;}
.review p:first-child:after{content: close-quote;}
.customer-review-1.row:nth-child(even) {
    background: #fbfbfb;
}
/* Add a blue color to the author */
.cust-reviews .author {color: cornflowerblue;}

.cust-reviews i.fa.fa-star {
    color: #ffbc00;
}
/*customer -review slider css finished*/

/*about page*/
.icon-boxes-1 {
    text-align: center;
    padding: 50px;
	background-image: url(images/design.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.icon-boxes-3 {
    text-align: center;
    padding: 50px;
	background-image: url(images/designflip.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.icon-boxes-2 {
     text-align: center;
    padding-bottom: 50px;
   
	padding-top:50px;
 }
.icon-boxes-1 p,.icon-boxes-2 p,.icon-boxes-3 p  {
    margin-top: 20px;
}
.icon-boxes-1 .fa,.icon-boxes-2 .fa,.icon-boxes-3 .fa {
	font-size: 50px;
    color: #fff4de;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border: 2px solid #be1014;
    padding: 20px;
    background: #be1014;
    transition: all .3s ease-in;
}

.icon-boxes-1 .fa:hover,.icon-boxes-2 .fa:hover,.icon-boxes-3 .fa:hover{
color: #fff4de;
    background: #be1014;
    box-shadow: 0 0 0 10px rgba(190, 16, 20, 0.35);
}

.ratings i {
    color: #ffbc00;
}

.ratings {padding: 10px;}

.customer-review-1,.customer-review-2,.customer-review-3,.customer-review-4,.customer-review-5,.customer-review-6,.customer-review-7,.customer-review-8,.customer-review-9,.customer-review-10,.customer-review-11,.customer-review-12,.customer-review-13,.customer-review-14,.customer-review-15,.customer-review-16,.customer-review-17{
    text-align: center;
    padding: 20px;
}
.bck-colr {
    background-color: #fbfbfb;
}
#searchform input#searchsubmit {
    color: #fff4de;
    background-color: #303030;
    border-radius: 30px;
    transition: background-color 0.5s;
    border-color: #303030;
    padding: 8px 20px;
    margin-left: 8px;
}

#searchform input#s {
    padding: 5px 8px;
}

 .error404 .error404.not-found {
    padding: 100px 0px;
    text-align: center;
}

/* Portfolio homepage */
.portfolio-new .bx-wrapper .bx-caption {
  opacity:0;
  transition: .5s ease;
  top:50%;
  left:0px;
  right:0px;
  background:transparent;
  }
.portfolio-new .bx-wrapper .bx-caption span{ background-color: #303030;
    color: #fff4de;
    font-size: 16px;
    padding: 16px 32px;
    font-weight: 700;display:inline-block;}
.portfolio-new .bx-slide img{width:100%;height:auto;}
.portfolio-new .bx-slide:hover .bx-caption{opacity:1;}
.portfolio-new .bx-slide:hover img{opacity:.5;}
 .portfolio.contact-us .heading {
    margin-bottom: 20px;
}

 .our-offers p {font-weight:500;}
 footer.footer .row,header.header.row {margin-right: -15px;margin-left: -15px;}

.home .row {
    margin: 0;
}

@media(min-width:1440px){
 .portfolio.contact-us.row.white .container-fluid {
    width: 1170px;
}
}
/*MEDIA QUERY 1024*/
@media(max-width:1100px)
{
.logo p {
    font-size: 24px;
}
}

@media(max-width:1024px)
{
.navbar .navbar-brand{line-height:20px;}
.social-icons ul {
    padding-left: 10px;
}
ul.nav.navbar-nav {
    float: right;
    padding-right: 20px;
}
.logo p {
    font-size: 20px;
}

.menu .navbar-nav>li>a {
    padding: 10px;
    font-size: 13px;
}

a.navbar-brand {
   padding: 15px 0px 10px 15px;
}

div#myNavbar {
    padding: 0px;
    width: 70%;
}

.navbar-header.logo {
    width: 30%;
}

.menu li {
    margin-right: 0px;
}

.banner-bottom {
    padding: 50px 0px;
}

.banner-bottom p:nth-child(2) {
    padding: 10px 0px !important;
}
.about-us .text p {
    padding: 20px 0px;
}

.ourservices-section-3 p:first-child {
    padding: 20px 0px;
}
.tv-installation-services h1, .about-us h2, .our-services h2, .cust-reviews h2, .contact-us h2, .content-section h2 {
    font-size: 40px;
}
.contact-us .col-md-6.text {
   
	padding: 40px 30px 20px;
}

.footer-links h4 {
    text-align: center;
    text-decoration: underline;
  /*  padding: 30px 0px 0px 0px;*/
}
.footer-links .footer-logo p
{font-size: 28px;
    text-align: center;
}
/*.footer-about-us {
    width: 100%;
    text-align:center;
    
}*/
.quick-links, .footer-menu,.footer-contact {
    width: 30%;
    display: inline-block;
    float: left;
}
.cust-reviews p {
    padding: 5px 0px;
}
.our-services .col-md-12.text {
    padding-bottom: 20px;
}

.contact-us {
    padding-top: 50px;
}
.footer-links {
    text-align: center;
}
.icon-boxes-1,.icon-boxes-3 {
   
	background-image: none;
   
}
}
@media(max-width:991px)
{

.col-md-5.last-div {
    margin-top: 40px;
}
.about-us .col-md-6.text {
    padding-top: 0px;
}

.our-services .col-md-12.text {
    padding-bottom: 20px;
}

.contact-us {
    padding-top: 50px;
}

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

.social-icons .col-md-5 {
    text-align: center;
}
.footer-links {
    text-align: center;
}
.contact-us h3 {
   
    font-size: 25px;
}
.icon-box-3.col-md-3 {
    padding-top: 50px;
}
.icon-boxes-2 {
    background-color: #fff;
	padding-top:0px;
 }

 .icon-boxes-1 .col-md-3.second {
    padding-top: 50px;
}
.footer-gallery .col-md-3 {
    width: 33%;
    display: inline-block;
    float: left;
}
.footer-contact.col-md-4 {
    width: 100%;
	margin-top:25px;
}
.home .about-us .image img{
	padding-top:0px !important;
}
}
@media (max-width:818px) and (min-width:768px){
.nav>li>a {
    padding: 10px 7px !important;
}
}
/*MEDIA QUERY 768 to 991*/

@media(min-width:768px) and (max-width:991px)
{
    .navbar-nav>li>a {
    font-size: 12px;
  }
  .logo p {
    font-size: 14px;
}
a.navbar-brand {
    padding-top: 11px;
}
div#myNavbar {
    width: 79%;
}

.navbar-header.logo {
    width:21%;
}




ul.nav.navbar-nav {
    padding-right:0px;
}
.about-us hr {
    width: 230px;
}
.tv-installation-services hr {
    width: 580px;
}
	
	.contact-us hr {
    width: 35%;
	}
	.gallery .col-md-3 {
    position: relative;
    width: 50%;
    float: left;
    display: inline-block;
}
}



/*MEDIA QUERY 768*/

@media(max-width:767px)
{
.contact input[type="text"], .contact input[type="email"], .contact input[type="tel"], .contact textarea {
    width: 100%;
}

.contact input[type="submit"] {
    width: 100%;
}	
.navbar-header.logo {
    width: 100%;
}
div#myNavbar {
    width: 100%;
}
.tv-installation-services h1, .about-us h2, .our-offers h2, .our-services h2, .cust-reviews h2, .contact-us h2, .content-section h2 {
    font-size: 30px;
}
.about-us hr{width:160px;}
.our-services hr{width:235px;}
.our-offers hr{width:170px;}
.cust-reviews h2{padding:0px;}
.nav li {
    display:block
}
.logo p {
    font-size: 20px;
}
.banner-section
{
min-height:auto;
}
.banner-section h2 {
   padding: 50px;
    font-size: 45px;
    padding-right: 0px;
}
.nav li {
    width: 100%;
    margin: 0px auto;
	border-bottom:1px solid;
}
.nav li:last-child{
	border-bottom:none;
}
div#myNavbar {
   border-top: 1px solid #90846c;
    border-bottom: 1px solid #90846c;
    padding: 0px;
    text-align: center;
}
ul.nav.navbar-nav {
    width: 100%;
    display: inline-block;
    margin: 0px auto;
    padding: 0px;
}
ul.nav a:hover
{	border-radius:0px;
    color: #fff4de;
    background-color: #303030;
   	transition: background-color 0.5s;
}
ul.nav a:active,ul.nav a:focus  {
border-radius:0px;
    color: #fff4de;
    background-color: #303030;
   	}	
	.contact-us .col-md-6.text {
    text-align: center;
	    padding: 20px 0px;
}
.social-icons ,.menu ul, .social-icons ul, .footer-links ul{
    text-align: center;
}
.footer-links h4 {
    text-align: center;
    text-decoration: underline;
 padding: 30px 0px 0px 0px;
}
.footer-links .footer-logo p
{font-size: 30px;
    text-align: center;
}
.about-us .col-md-6.text {
  padding-top: 0px;
}
.contact-us h3 {
   
    font-size: 20px;
}
.content-section{padding-left:15px; padding-right:15px;}

.gallery .col-md-3 {
    width: 100% ;
}
.cust-reviews hr{width: 335px;}
}

/*MEDIA QUERY 580*/
@media(max-width:580px)
{
.banner-section h2 {
   padding: 50px;
    font-size: 35px;
    padding-right: 0px;
}
.nav li {
    width: 100%;
    margin: 0px auto;
    display: inline-block;
}
.banner-bottom {
    padding: 50px 0px;
}

.banner-bottom p:nth-child(2) {
    padding: 10px 0px !important;
}
.about-us .text p {
    padding: 20px 0px;
}

.ourservices-section-3 p:first-child {
    padding: 20px 0px;
}
.quick-links, .footer-menu, .footer-contact {
    width: 100%;
}

}

@media(min-width:481px) and (max-width:767px)
{
.tv-installation-services hr {
    width: 435px;
}
}
@media (max-width: 570px) and (min-width: 500px)
{
.tv-installation-services hr {
    width: 280px;
}
}
/*MEDIA QUERY 480*/
@media(max-width:480px)
{
div#n2-ss-2 .n2-ss-layer .n2-font-f4e97a8e79a906e32262909acfcea123-hover {
    font-size: 207.75% !important;
}
.logo p {
    font-size: 20px;
}
.cust-reviews.row{padding:50px 20px;}
.banner-section h2 {
    font-size: 25px;
}
.nav li {
    width: 100%;
    margin: 0px auto;
    display: inline-block;
}
.cust-reviews p {
    padding: 0px;
}
.social-icons i {
	margin-top: 20px;
}

.contact-us .heading {
    padding-top: 20px;
}
.contact-us {
    padding: 30px 0px;
}
.our-services .col-md-12.text {
    padding-bottom: 10px;
}
.ourservices-section-1 p:first-child {
    padding: 20px 0px;
}
.social-icons p ,.social-icons .custom-html-widget{
    font-size: 13px;
    color: #fff4de;
	padding-top: 0px;
    padding-left: 0px;
}
.footer-links .footer-logo p {
    font-size: 25px;
}
.col-md-12.text-divide {
    margin-bottom: 0px;
}
.about-us hr {
    width: 145px;
}
.tv-installation-services hr{
    width: 230px;
}
.our-services hr {
    width: 200px;
}
.our-offers hr {
    width: 140px;
}
.cust-reviews hr {
    width: 280px;
}
.contact-us hr {
    width: 170px;
}
.tv-installation-services h1,.about-us h2, .our-services h2, .cust-reviews h2, .contact-us h2, .content-section h2,.our-offers h2 {
    font-size: 25px;
}
  


}
/*MEDIA QUERY 410*/
@media(max-width:410px)
{
.tv-installation-services h1,.about-us h2, .our-services h2, .cust-reviews h2, .contact-us h2 ,.content-section h2{
    font-size: 20px;
}
.cust-reviews hr {
    width: 220px; 
}
.our-services hr {
    width: 160px;
}
.our-offers hr{width:140px;}
.contact-us hr {
    width: 140px;
}
.about-us hr {
    width: 115px;
}
.tv-installation-services hr {
    width: 175px;
}
}

@media(min-width:374px) and (max-width: 410px)
{
.tv-installation-services hr {
    width: 185px;
}
}

/*MEDIA QUERY 320*/
@media(max-width:320px)
{

.logo p {
    font-size: 20px;
}
/*.about-us h2, .our-services h2, .cust-reviews h2, .contact-us h2 {
    font-size: 17px;
}*/

.nav li {
    width: 100%;
    margin: 0px auto;
    display: inline-block;
}

}



/* --- Reviews modal: force it above header/menus --- */
.google-reviews {
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 999999; /* button itself */
}

/* Full-screen overlay */
.google-reviews .modal {
  display: none;              /* JS toggles to block */
  position: fixed !important; /* critical */
  inset: 0;                   /* top/right/bottom/left: 0 */
  width: 100vw;
  height: 100vh;
  z-index: 9999999;           /* must beat header */
  background: rgba(0,0,0,0.55);
}

/* Centered modal box */
.google-reviews .modal .modal-content {
  position: relative;
  z-index: 10000000;
  margin: 80px auto 40px;     /* pushes below any sticky header */
  max-width: 900px;
  width: calc(100% - 24px);
  max-height: calc(100vh - 140px);
  overflow: auto;             /* if Trustindex is tall */
  background: #fff;
  border-radius: 8px;
}

/* Close button stays tappable */
.google-reviews .modal .close {
  position: sticky;
  top: 0;
  float: right;
  z-index: 10000001;
  cursor: pointer;
}