/*-- responsive-start-here --*/
@media (max-width:1440px){ul.callbacks_tabs.callbacks2_tabs {left: 45%;}}
@media (max-width:1366px){ul.callbacks_tabs.callbacks2_tabs {left: 44%;}}
@media (max-width:1280px){}

@media (max-width:1080px){
	.top-header-right {width: 27%;}
	.information-grid-info h4, .team-grid h4 {font-size: 1.5em;}
	ul.callbacks_tabs.callbacks2_tabs {left: 42%;}
	.contact-form input[type="text"] {width: 31.6%;}
	.grid figure h3 {font-size: 1.2em;}
	.login-body {width: 45%;}
}

@media (max-width:1024px){
	.login-body {width: 55%;}
}

@media (max-width:991px){
	.top-header-left {width: 64%;}
	.top-header-right {width: 33%;}
	.top-nav ul li a {padding: 1.4em;}
	.logo {width: 140px;}
	.slider-info {margin: 3em 0 0 0;}
	.more-button {margin: 4em 0 1em 0;}
	.left-border-info {width: 45%;left: 6%;}
	.left-border-info p {ont-size: 1.5em;}
	.left-border {height: 170px;}
	.information {padding: 0em 0 4em 0;}
	.information-heading p, .about-heading p, .codes-heading p, .gallery-heading p, .blog-heading p, .contact-heading p {width: 100%;}
	.information-grid {margin-bottom: 1em;}
	.information-grid:nth-child(3){margin-bottom:0;}
	ul.callbacks_tabs.callbacks2_tabs {top: 60%;}
	.footer-nav:nth-child(2){margin:2em 0;}
	.team-grid {float: left;width: 33.33%;}
	.information-grid-info h4, .team-grid h4 {font-size: 1.4em;}
	ul.dropdown-menu {top: 4.5em;}
	.dropdown-menu > li > a {padding: 3px 33px !important;}
	.gallery-grid {width: 50%;float: left;margin-bottom: 1em;}
	.Categories {margin: 2em 0 0 0;}
	.comments-left {width: 20%;float: left;}
	.comments-right {float: left;}
	.comments {	margin: 2em 0 0 0;}
	.comments h3 {margin: 0 0 0em 0;}
	.address {margin: 2em 0 0;}
	.address-grids{margin:0 0 1em 0;}
	.contact-infom {margin: 1em 0 0 0;}
	.contact-form input[type="text"] {width: 30.6%;}
}

@media (max-width:800px){
	ul.callbacks_tabs.callbacks2_tabs li {display: inline-block;margin: 0;}
	ul.callbacks_tabs.callbacks2_tabs {left: 46%;}
}

@media (max-width:768px){
	.slider-info h3 {font-size: 3em;}
	.callbacks_tabs {top: 112%;right: 47%;}
}

@media (max-width:640px){
	.top-header-left p {margin: 0.5em 0 0 14em;}
	.top-header-left p {font-size: .6em;}
	.top-header-right-info ul li {margin: 0 .1em;}
	.logo {width: 131px;}
	.top-nav ul li {display: block;margin: 0;float: none;}
	.top-nav ul {padding: 0;margin: 0;
	}
	.navbar-default .navbar-nav > li > a {text-align: center;border: none;box-shadow: 0 0 0;}
	.top-nav ul li a {padding: 1em 0;}
	.caret {margin-left: 6px;}
	.slider-info h3 {font-size: 2em;}
	.information-heading h3, {font-size: 2em;}
	ul.callbacks_tabs.callbacks2_tabs {left: 45%;}
	.about-heading h2, .codes-heading h2, .gallery-heading h2, .blog-heading h2, .contact-heading h2 {font-size: 2em;}
	.information-grid-info h4, .team-grid h4 {font-size: 1.1em;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {text-align: center;}
	.grid figure figcaption {padding: 1em;}
	.contact-form input[type="text"] {width: 100%;}
	.contact-form input[type="email"] {width: 100%;margin: 0 0 1em 0;}
	.login-heading {padding: 2em 0em;}
	.login-body {width: 63%;}
}


@media (max-width:480px){
	.logo {width: 163px;}
	.top-header-left p {margin: 0.5em 0 0 18em;}
	.top-header-right {width: 23%;}
	.slider-info {margin: 2em 0 0 0;}
	.slider-info p {font-size: .9em;}
	.more-button {margin: 3em 0 1em 0;}
	.more-button a {padding: .5em 2em;}
	.callbacks_nav {width: 32px;}
	.left-border-info {width: 30%;left: 5%;top: 7%;}
	.information-grids {margin: 1em 0 0 0;}
	.information-heading p, .about-heading p, .codes-heading p, .gallery-heading p, .blog-heading p, .contact-heading p {font-size: .9em;}
	.border {width: 10%;}
	ul.callbacks_tabs.callbacks2_tabs {left: 42%;top: 53%;}
	.footer {padding: 2em 0;}
	.about, .codes, .gallery, .blog, .contact, .login {padding: 2em 0 0 0;}
	.team {padding: 2em 0;}	
	.team-grid {float: none;width: 100%;}
	.information-grid-info h4, .team-grid h4 {font-size: 1.5em;}
	.gallery-grid {width: 100%;float: none;}
	.media-left.response-text-left {width: 22%;}
	.login-body {width: 85%;}
	.navbar-toggle {margin-right: 0;}
	.left-single {padding-right: 0;}
}


@media (max-width:414px){
	.logo {width: 110px;position: inherit;float: left;}
	.navbar-toggle {margin-top: 21px;margin-right: 0;}
	.top-header-left {width: 43%;}
	.top-header-left p {margin: 0.5em 0 0 0em;}
	.top-header-right {width: 54%;}
	.callbacks_nav {top: 74%;}
	.slider h2 {font-size: 1.5em;}
	.slider-info p {width: 90%;	margin: 0 auto;}
	.more-button a {padding: .5em 2em;font-size: .8em;}
	.left-border-info {width: 36%;}
	ul.callbacks_tabs.callbacks2_tabs {left: 41%;}
	.top-nav ul li a {padding: .5em 0;}
	.login-heading {padding: 1em 0em;}
	.login-info {padding: 2em 1.5em 1em;}
	.login-icons ul li {margin: 0 0.2em;}
	nav.navbar.navbar-default {width: 70% !important;float: right !important;}
}


@media (max-width:384px){
	nav.navbar.navbar-default {width: 66% !important;}
	.left-border-info {width: 40%;}
}


@media (max-width:320px){
	.top-header-right {width: 35%;}
	.top-header-left {width: 54%;}
	.border {margin: 7px auto 0;}
	.slider-info h3 {font-size: 1.3em;}
	.callbacks_nav {top: 43%;width: 20px;}
	.more-button {margin: 1.5em 0 1em 0;}
	.callbacks_tabs {top: 103%;right: 41%;}
	.left-border-info p {font-size: 1.3em;}
	.left-border-info {width: 42%;}
	.left-border {height: 124px;}
	.information-heading h3, {font-size: 1.5em;}
	.information-grid-info {padding: 1em;}
	.information-grid-info p, .team-grid p {font-size: .8em;}
	.information-grid-info h4, .team-grid h4 {font-size: 1.2em;}
	ul.callbacks_tabs.callbacks2_tabs {top: 50%;}
	.footer-nav h4 {font-size: 1.3em;}
	.footer-nav ul li a {font-size: .8em;}
	.news-grid h6 {font-size: .8em;}
	.copyright p {font-size: .8em;}
	.top-nav ul li a {font-size: .875em;}
	.about-heading h2, .codes-heading h2, .gallery-heading h2, .blog-heading h2, .contact-heading h2 {font-size: 1.5em;}
	.information-heading p, .about-heading p, .codes-heading p, .gallery-heading p, .blog-heading p, .contact-heading p {font-size: .8em;}
	.about-bottom p {font-size: .8em;}
	.blog-top-grids {margin: 2em 0 0 0;}
	.blog-left-left p {font-size: .8em;}
	.blog-left-right a {font-size: 1em;}
	.blog-left-right p {font-size: .8em;}
	.blog-left {margin: 0em 0 1em 0;}
	.Categories ul li a {font-size: .8em;}
	.Categories h3 {margin: 0 0 .5em 0;}
	.media-left.response-text-left {width: 26%;}
	.opinion form input[type="text"] {font-size: .8em;}
	.opinion form textarea {font-size: .8em;}
	.map iframe {height: 180px;}
	.address p {font-size: 0.8em;}
	.contact-infom p {font-size: 0.8em;}
	.navbar-toggle {margin-top: 24px;font-size: .8em;}
	.login-heading h1 {font-size: 1.2em;}
	.login-body {width: 100%;}
	.login-info input[type="text"], .login-info input[type="password"] {font-size: 0.8em;}
	nav.navbar.navbar-default {width: 59% !important;}
}