@media (min-width: 320px) and (max-width: 560px){

/*Top Bar Section*/


ul.social_section {
    display: inline-block;
    float: left;
    margin: 0px auto;
    width: 100%;
}

ul.social_section li {
    float: left;
    margin: 0px 3px;
    padding: 2% 0px;
}

ul.social_section li img {
    margin: 3% 6px;
    float: left;
}

ul.social_section li a {
    font-size: 13px;
}

/*banner button text*/

.banner_contact_section, .banner_learn_section {
    width: 100%;
    margin: 3% 0px !important;
    float: left;
    padding: 10% !important;
}

.banner_contact_section a, .banner_learn_section a {
    font-size: 10px;
}

.banner_contact_section {
    float: left;
    left: -40px !important;
}

.banner_learn_section {
    right: 5%;
}

.footer_bottom li.footer_link {
    width: 100%;
}
.navbar-header button.navbar-toggle {
    margin-top: 5%;
}

section#our_services_post .service-left-img img {
    height: 100%;
    max-height: 322px;
    width: 100%;
}

}

@media (min-width: 375px) and (max-width: 425px){
.header_call_info {
    padding-left: 12%;
    padding-bottom: 5%;
    float: none;
}

}

@media (min-width: 425px) and (max-width: 500px){
.header_call_info {
    padding-left: 17%;
    padding-bottom: 5%;
    float: none;
}

}

@media (min-width: 320px) and (max-width: 767px){

.menu-main-menu-container > ul > li {
    padding: 0%;
}
.company_left_sec {
    padding: 0% 2%;
}

.service_sec {
    padding: 2% 2%;
}

.company_left_sec p {
    margin-bottom: 1%;  
}
.single_right_section {
    padding: 0%;
}

ul.sub-menu.toggled-on {
    margin-left: 10%;
}

/*.service_icon .image-exhibitions {
    margin-top: 10%;
}*/

.service_inner .service_desc p {
    height: 40px;
}

section#section_are_you_ready {
    background-color: #aa060f;
    color: #ffffff;
    margin-top: 8%;
}

.service_background {
    top: -35px;
    width: 233px;
}
button#loadMore_about_us {
width: 50%;
padding: 3% 0px;
}
/*Start resposive of Our Company*/
.company_left_sec button {
    margin-bottom: 5%;
}

.company_left_sec button {
    margin-top: 5%;
}

section#our_services_post .service_background {
    width: 50%;
    top: -100px;
}
/*End responsive of our Company*/

/*Start Portfolio*/
.port_background {
    max-width: 50%;
}
/*End Portfolio*/

/*Start our clients*/
.background {
    width: 50%;
}
/*End our clients*/

/*Start Blog*/
section#blog_section .div_portfolios_inner {
    max-height: 230px;
    min-height: 230px;
}
/*End Blog*/

/*Start Exhibition Services*/
.breadcrumbs_links ul li {
    font-size: 14px;
 }

 h2.section_heading {
    margin-top: 1%;
    font-size: 30px !important;
}
/*End Exhibition Services*/

/*Start decoration services*/
.service_background { 
    top: -35px;
    width: 155px;
}
/*End decoration service*/

/*Start Contact us*/
.li-get-touch-title {
    font-size: 21px;
 }
 /*End Contact us*/


.section_inner_page h2.section_heading {
 font-size: 30px !important;
}

h3.section_heading {
    font-size: 22px;
}

.left-content-who-are.text-left {
    margin: 0%;
    width: 80%;
}

.all-section {
    padding: 10% 0px !important;
}
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #f8f8f8 !important;
}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #c22026 !important;
}
div#bs-example-navbar-collapse-1 {
        width: 100%;
    margin-top: 1%;
    position: absolute;
    background: #f8f8f8;
    z-index: 1;
    left: 0;
}

section#section_who_we_are, section#section_happy_client, section.section_inner_page {
    background-size: cover;
}

.dropdown-toggle:after {
    border: none;
    color: #000;
}

.banner_contact_section, .banner_learn_section {
    width: 100%;
    margin: 3% 0px !important;
    float: left;
    padding: 10% !important;
}

.banner_contact_section a, .banner_learn_section a {
    font-size: 10px;
}

.banner_contact_section {
    float: left;
    left: -40px !important;
}

.banner_learn_section {
    right: 5%;
}

button#now_contact_us_btn {
    padding: 3% 8%;
    margin-bottom: 3%;
}
}


@media (min-width: 768px) and (max-width: 800px){

/*Start Our company*/
section#our_services_post .service_background {
    top: -123px;
    width: 379px;
}

button#loadMore_about_us {
    padding: 3% 0px;
    margin-bottom: 5%;
    margin-top: 2%;
    width: 50%;

}
.right_section_image {
    text-align: center;
}
/*End Our Company*/

/*Start our clients*/
.background {
    width: 45%;
}
/*End our clients*/

/*Start Exhibition service single page*/
#single_service_page_content .service_background img {
    width: 60%;
}
/*End Single service page Exhibition*/

}


@media (min-width: 768px) and (max-width: 910px){

.info_list ul li {
    margin-bottom: 4%;
}

.left-content-who-are.text-left {
    margin: 4% 0px;
} 
.menu-main-menu-container ul li button {
    width: 30px;
        top: 22%;
}

.banner_contact_section {
   left: -50px;
}

.main-navigation ul ul {
    position: absolute;
    width: 100%;
    min-width: 200px;
    background: #f9f9f9;
    padding: 20px;
    margin-top: 14%;
   box-shadow: 2px 5px 10px 5px #5d5351;
    right: -5px;
        z-index: 9999;
}

.main-navigation ul ul.sub-menu:before {
    border-color: #d1d1d1 transparent;
    border-width: 0 10px 10px;
    right: 9px;
    top: -9px;
}

.main-navigation ul ul.sub-menu:after {
    border-color: #fff transparent;
    border-width: 0 8px 8px;
    right: 11px;
    top: -7px;
}

button#now_contact_us_btn {
    padding: 2% 10%;
    margin-bottom: 4%;
}
}

@media (min-width: 500px) and (max-width: 553px){

.header_call_info {
    float: none;
    padding-left: 19%;
}
}

@media (min-width: 768px) and (max-width: 991px){

.header_call_info {
    padding-left: 20%;
    float: none;
    padding-bottom: 4%;
}
.company_left_sec p {
    margin-bottom: 1%;  
}
.single_right_section {
    padding: 1%;
}

.service_inner .service_desc p {
    margin-bottom: 7%;
    height: 50px;
}
section#our_services_post .service-left-img img {
    height: 100%;
    max-height: 500px;
    width: 100%;
}
.company_left_sec button {
    margin-top: 0%;
    margin-bottom: 10%;
}
}

@media (min-width: 556px) and (max-width: 991px){
.service_inner .service_desc p {
    margin-bottom: 7%;
    height: 50px;
}
section#our_services_post .service-left-img img {
    height: 100%;
    max-height: 500px;
    width: 100%;
}
}