@charset "utf-8";
/*Responisve Css File for Creating brands Project*/
@media screen and (min-width:1100px) and (max-width:1300px) {
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
    .inner_width { width: 90%; }
}
@media screen and (max-width:990px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width: 900px) {
    #header{top:790px;}
    .landing_logo_title h1{font-size: 70px;}
    .landing_logo_title h2 {font-size: 40px;margin-top: 15px;}
    .what_we_offer_blocks li .what_offer_content {width: 77%;}
     .advertis_blocks li {padding: 0 30px;}
    .advertis_blocks li .advertis_img {width: 180px;height: 180px;line-height: 180px;}
    .what_we_offer_blocks li .what_offer_img {width: 20%;height: auto;}
    .what_we_offer_blocks li .what_offer_img img {width: 100%;height: 100%;}
    .what_we_offer_blocks li{padding:0;}
    .what_we_offer_blocks li .what_offer_content {margin-top: 20px;}   
    #sponsor_logo ul li {margin-bottom: 20px;}
    #clients_slider {margin-top: 20px;}
    .home_top_detail {font-size: 20px;line-height: 35px;}
    .contact_content {margin-top: 20px;}
    .contact_content p {font-size: 18px;line-height: 30px;margin-bottom: 20px;}
}    

@media screen and (max-width: 800px) {
    .paragraph_content h1 {margin-bottom: 10px;}
    .paragraph_content p {font-size: 15px;line-height: 25px;}
    .paragraph_table tbody tr td {font-size: 14px;}
    .paragraph_table thead tr td {font-size: 16px;}
    .section-title {font-size: 24px;min-width: 266px;}
    .gallery_left h3 {font-size: 17px;margin-top: 15px;line-height: 1.5;margin-bottom: 30px;}
    .advertis_blocks li .advertis_content p {font-size: 15px;line-height: 25px;}
    .how_we_work_blocks li .how_work_content p {font-size: 15px;line-height: 20px;}
}
@media screen and (max-width:768px) {
    #navigation {position: relative;top: 0;right: 0;float:left;width: 100%;}
    #header,#header.cbp-af-header.cbp-af-header-shrink{top: 0;position: relative;height: auto;}
    #navigation li {margin-bottom: 1px;clear: none;width: 25%;display: block;float: left;margin-bottom:0;}
    #navigation li a {border-right: 1px solid #E1E1E1;width: 100%;}
    .brand-logo {width: 35%;}
    .header_right {margin-top: 30px;}
    .landing_logo {width: 50%;}
    .landing_logo_title h1 {font-size: 50px;}
    .landing_logo_title h2 {font-size: 30px;}
    .landing_navigation li a {font-size: 16px;}
    p {font-size: 16px;}
    #home_detail_section,#clients_page_section,#gallery_section,#contact_section{padding-top:20px;}
    .home_top_detail{margin-bottom: 30px;}
    .bottom_arrow_wrapper {margin-top: 350px;}
    #navigation li.current a{width:100%;}
    #navigation li:hover a{width: 105%;}
}

@media screen and (max-width: 767px) {
    .advertis_blocks li {padding: 0 20px;}
    .what_we_offer_blocks li .what_offer_content ul li {font-size: 15px;}
    #what_we_do_section {margin-bottom: 30px; }
    #clients_slider .owl-controls .owl-buttons div{margin-top:30px;}
    #footer {font-size: 20px;line-height: 60px;}
    .other_projects_list li {width: 100%;}
    .projects_slides_inner #sync2 .owl-wrapper {width: 100% !important;}
    .how_we_work_blocks li .how_work_img {width: 118px;height: 118px;line-height: 118px;}
    #clients_section h3 {font-size: 18px;line-height: 1.5;}
}
@media screen and (max-width:640px) {
    .advertis_blocks li {width: 100%;margin-bottom:30px;}
    #navigation li:last-child a{border-right: none;}    
   .bottom_arrow_wrapper {margin-top: 50px;}
   .landing_navigation li a {font-size: 14px;padding: 0 5px;}
   .how_img_content {right: -440px;width: 420px;}
   .gallery_left{width: 100%;}
   .gallery_right {width: 100%;margin-top: 35px;padding-left: 0;}
   #contact_form ul li {width: 100%;}
   #contact_form ul li{padding-left:0;}
   .header_right {margin-top: 23px;}
   .paragraph_content h1 {line-height: 1.5;}
}
@media screen and (max-width:568px) {
    .what_we_offer_blocks li .what_offer_img {width: 30%;height: auto;}  
    .what_we_offer_blocks li .what_offer_content{margin-top: 20px;}
    .how_img_content {right: -320px;width: 300px;}
}
  
@media screen and (max-width:480px) {
    .landing_logo_title h1 {font-size: 30px;}
    .landing_logo_title h2 {font-size: 20px;}
    .home_top_detail {font-size: 14px;line-height: 30px;margin-top: 0;}
    .how_we_work_blocks li {width: 100%;}
    .what_we_offer_blocks li .what_offer_content {width: 70%;}
    .what_we_offer_blocks li {margin-bottom: 20px;}
    .what_we_offer_blocks li .what_offer_content ul li {font-size: 13px;line-height: 1.5;}
    .brand-logo {width: 60%;float: none;display: block;margin: 0 auto;margin-top: 20px;}
    .header_right {width: 100%;margin: 20px auto;text-align: center;}
    .header_right li {float: none;margin-left: 20px;display: inline;margin: 0 auto;text-align: center;padding: 0 10px;}
    .how_img_content {right: -300px;width: 280px;}
    .how_img_content h2 {font-size: 15px;}
    .client_detail_right_section .client_name {font-size: 20px;}
    .client_detail_right_section .client_possition {font-size: 14px;}
}

@media screen and (max-width:380px) {
	.what_we_offer_blocks li .what_offer_img {width: 60%;height: auto;float: none;}
    .what_we_offer_blocks li .what_offer_content {width: 100%;}
    #navigation li a {font-size: 11px;}
    .how_img_content {right: 0;width: 100%;position: absolute;left: 0;top: 165px;}
    .what_we_offer_blocks li .what_offer_img {width: 100%;height: auto;float: none;padding: 0 20%;}
    .what_we_offer_blocks li .what_offer_img:hover, .what_we_offer_blocks li .what_offer_img:focus {border:none;box-shadow:none;}
    .what_we_offer_blocks li .what_offer_img img:hover, .what_we_offer_blocks li .what_offer_img img:focus{border: 1px solid #003c78;
box-shadow: 0 0 37px rgba(49,165,255,.85);-webkit-box-shadow: 0 0 37px rgba(49,165,255,.85);-moz-box-shadow: 0 0 37px rgba(49,165,255,.85);-ms-box-shadow: 0 0 37px rgba(49,165,255,.85);-o-box-shadow: 0 0 37px rgba(49,165,255,.85);transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;}
.section-title {font-size: 18px;min-width: 266px;}
#footer {font-size: 16px;line-height: 60px;}
#clients_section h3 {font-size: 14px;line-height: 1.5;}
#clients_section h2 {font-size: 18px;margin: 20px 0 10px 0;}
.contact_content {width: 100%;}
.contact_content {background: rgba(0,0,0,0.5);margin-bottom: 0;padding-bottom: 20px;}
.address {margin-top: 0;padding-top: 20px;background: rgba(0,0,0,0.5);}
.contact_content p {font-size: 16px;line-height: 24px;margin-bottom: 20px;}
.contact_content h3 {margin: 0;font-size: 20px;}
.address h2 {font-size: 16px;line-height: 1.5;}
.address {margin-top: 20px;}
.contact_content h4{line-height: 1.5;margin-top: 10px;}
.header_right li {padding: 0 5px;}
.header_right li a {font-size: 12px;}
.client_detail_right_section {width: 100%;padding-left: 0;margin-top: 20px;}
}
@media screen and (max-width:320px) {
    .brand-logo {width: 80%;margin-top: 30px;}
    .header_right {margin: 10px auto;}
}