@media only screen and (min-width:320px) {



	header {padding-top: 51px;}

	.window-tinting-section .nav-sidebar ul li {font-size: 10px;}

	.board-inner li:after {left: 44%;}

	.board-inner li.active:after {left: 44%;}

	.board-inner .nav-tabs > li a {

    width: 50px;

    height: 50px;

    line-height:50px;

    }

}



@media only screen and (min-width:480px) {



	header {padding-top: 51px;}

	.window-tinting-section .nav-sidebar ul li {font-size: 10px;}

	.board-inner li:after {left: 44%;}

	.board-inner li.active:after {left: 44%;}

	.board-inner .nav-tabs > li a {

    width: 50px;

    height: 50px;

    line-height:50px;

    }

}



@media( max-width : 585px ) {

  .board {/*width: 90%;*/ height:auto !important;}

  span.round-tabs {

    font-size:16px;

    width: 50px;

    height: 50px;

    line-height: 50px;

    }

  

  .tab-content .head {font-size:20px;}

  .board-inner .nav-tabs > li a {

    width: 50px;

    height: 50px;

    line-height:50px;

    }



  li.active:after {

    content: " ";

    position: absolute;

    left: 35%;

    }



.btn-outline-rounded {padding:12px 20px;}

}





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



	header {padding-top: 51px;}

	.window-tinting-section .nav-sidebar ul li {font-size: 11px;}

	.board-inner li:after {left: 45%;}

	.board-inner li.active:after {left: 45%;}

	.board-inner .nav-tabs > li a {

	 width: 70px;

	 height: 70px;

	}

	.navbar {

        padding: 20px 0;

        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;

        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;

        transition: background .5s ease-in-out,padding .5s ease-in-out;

    }



    .top-nav-collapse {

        padding: 0;

    }

}



@media only screen and (min-width:992px) {

	

	header {padding-top: 91px;}

	.window-tinting-section .nav-sidebar ul li {font-size: 11px;}

	.board-inner li:after {left: 46%;}

	.board-inner li.active:after {left: 46%;}

	.board-inner .nav-tabs > li a {

	 width: 70px;

	 height: 70px;

	}

}



@media only screen and (min-width:1200px) {

	

	header {padding-top: 91px;}

	.window-tinting-section .nav-sidebar ul li {font-size: 14px;}

	.board-inner li:after {left: 47%;}

	.board-inner li.active:after {left: 47%;}

	.board-inner .nav-tabs > li a {

	 width: 70px;

	 height: 70px;

	}

}
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	#espejos {	    
	    width: 150px;
		top: 170px;
		left: 14px;
	}
	#camaro {
	    width: 150px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	#espejos {	    
	    width: 300px;
		top: 70px;
		left: 13px;
	}
	#camaro {
	    width: 300px;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#espejos {	    
	    width: 500px;
		top: 35px;
		left: 13px;
	}
	#camaro {
	    width: 500px;
	}

}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#espejos {	    
	    width: 500px;
		top: 35px;
		left: 13px;
	}
	#camaro {
	    width: 500px;
	}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#espejos {	    
	    width: 700px;
		left: 14px;
		top: 1px;
	}
	#camaro {
	    width: 700px;
	}
}