@media (max-width:1200px) {
    .webpage-container{
        width:100%;
    }
    .column-footer{
        padding-left: 0;	
    }
    iframe {
        width: 100%;
    }
}
@media screen and (min-width:990px) and (max-width:1055px){

    .our-work-content{
        padding: 0;	
    }
}

@media (max-width:1045px) {
    .inp-lft {
        margin-left: 6px;
    }
}

@media (max-width:480px) {
    .webpage-container{
        width:100%;

    }
    .section_row_1 p 	{
        margin-left:10px;
        margin-right:10px;
    }
    .wpcf7-form{
        padding-right:10px;
    }
    .bottum_hr_midd {
        margin-left:0px;
    }
    .bottum_hr_last{
        float:none;
        margin-bottom:40px;
    }
    .title h3 {
        font-size: 20px;
    }
}
@media screen and (min-width:480px) and (max-width:767px){
    textarea {
        width: 100%;
    }
    .main-sidebar {
        clear: both;
    }
}

@media screen and (min-width:320px) and (max-width:500px){
    textarea {
        width: 100%;
    }
    .caption-text{
        display: none;
    }

    .bottum_hr{
        width: 100%;
    }
    .main-sidebar {
        clear: both;
    }
}

@media screen and (min-width:767px) and (max-width:1024px){
    .logo_div{
        padding-left:0px;	
    }
}
@media (max-width:339px){
    .test_img{ 
        left: 12%;
        width: 75%;
        top: 30%;
    }
}
@media screen and (min-width:340px) and (max-width:479px){
    .test_img{
        top:32%;
        left: 18%;
        width: 63%;
    }

}
@media screen and (min-width:480px) and (max-width:567px){
    .test_img{
        top:32%;
        left: 25%;
        width: 50%;
    }

}
@media screen and (min-width:568px) and (max-width:767px){
    .test_img{
        top:33%;
        left: 29%;
        width: 42%;
    }
    .portfolio{
        float: left;
        width: 50%;
    }

}
@media screen and (min-width:851px) and (max-width:991px){
    .test_img{
        top:33%;
        left: 25%;
        width: 50%;
    }

}
@media screen and (min-width:992px) and (max-width:1200px){
    .test_img{	
        left: 5%;
        top: 24%;
        width: 90%;
    }

}

@media screen and (min-width:768px) and (max-width:850px){
    .img_inline{
        margin-top: 25px;
    }
    .test_img{
        top:34%;
        left: 20%;
        width: 60%;
    }
    .caption-text p,
    .caption-text h2{
        font-size:20px;
        margin-bottom: 0;
    }
    .contact-form{
        padding-right:30px;	
    }
    .contact-address{
        padding-left:30px;	
    }
}
@media (max-width:767px) {
    .main-menu-ul ul li ul ul{
        margin: 0 0 0 15px;	
    }
    .img_inline{
        margin-top: 25px;
    }
    .logo-display{
        text-align:center;	
    }
    .logo{
        display:inline-block;	
    }
    .navbar-toggle {
        float: left;
    }
    .main-menu-ul ul {
        float: none;
        margin: 15px 0;
    }
    .main-menu-ul ul > li > a {
        margin-bottom:5px;
    }
    .main-menu-ul ul li{
        margin-left:0;	
        float: none;
    }
    .laurels_dropdown_menu{
        display:list-item;
        float:none;
        box-shadow:none;
        position:relative;
        border:0 none;
        margin-left:25px;
        text-align:left;	
    }
    .main-menu-ul ul li ul{
        text-align:left;
        left: 0;
        margin: 0 0 0 15px;
        position: relative;
        text-align: left;
        visibility: visible;
        opacity: 1;
    }
    .main-menu-ul ul li:hover ul li ul{
        opacity: 1;
        visibility: visible;
    }
    .main-menu-ul ul li ul ul{
        left: 0;
        visibility:visible;	
        position: relative;
        opacity: 1;
    }
    .foot_txt{
        text-align:center;	
    }
    .bottum_hr_last{
        margin-bottom:40px;
    }

    .left.carousel-control.slider_button > img {
        width: 100%;
    }
    .right.carousel-control.slider_button > img {
        width: 100%;
    }
    .carousel-control.left {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%);
        background-repeat: repeat-x;
        width: 30px;
    }
    .carousel-control.right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px 100%);
        background-repeat: repeat-x;
        width: 30px;
    }
    .customNavigation {    
        right: 10px;
        top: -15%;
    }
    .header_top{
        text-align:center;	
    }

    .page-dropdown{
        left:0;
    }
    .portfolio-dropdown{
        left:0;
    }
    .blog_dorp{
        left:0;	
    }
    .logo_div{
        padding-left:0px;	
    }
    .search-box{
        display:inline-block;
        margin-top: 15px;
    }
    .padding-left{
        margin-left:0;	
    }
    .padding-right{
        margin-right:0;	
    }
    .blog-right{
        margin-top:25px;	
    }
    .left-sidebar {
        margin-bottom:25px;
    }
    .contact-address {
        padding-left: 0;
        margin-top:20px;
    }
    .section_row_1 > h2{
        font-size: 20px;
    }
    .section_row_1 > p{
        font-size: 18px;
    }
    .contact-form{
        padding-right:5px;
        border:0;		
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .blog-page {
        padding-left: 0;
        padding-right: 0;
    }
    .blog-left-page {
        padding:0;	
    }
    .bottum_hr{
        margin-bottom: 25px;	
    }
    .bottom-footer{
        text-align: center;    
        margin: 0 !important;
        padding: 10px 0 0;

    }
    .bottom-footer ul{
        float: none;    
        padding-bottom: 10px;
    }

}
@media (max-width:980px) {
    .section_row_1 p {
        margin-left:0;
        margin-right:0;
    }
    .single-portfolio-content{
        margin-top:20px;	
    }
    .box_left{
        margin-right:0;
    }
    .box_right{
        margin-left:0;	
    }
    .box_middle{
        margin-left:0;
        margin-right:0;
    }
    .our-work-content{
        margin-bottom:50px;
    }
}
@media (max-width:800px) {
    .webpage-container{
        width:100%;

    }
    .bottum_hr_midd {
        margin-left:0px;
    }
    .bottum_hr_last{
        float:none;
    }


    .caption-text p,
    .caption-text h2{
        font-size:20px;
        margin-bottom: 0;
    }
    .caption-text{
        top:10%;
        right:15%;
    }
}
@media (max-width:510px) {
    .service-media-left span {
        float:right;
    }
}
@media (max-width:432px) {
    .blog-info {
        float: none;
    }
    .blog-info h3 {
        padding-left: 60px;
    }
    .blog-breadcumb {
        padding-left:60px;
    }
}
@media (max-width:390px) {

    .title > h3{
        background: none;	
    }
    .section_row_4 .title > h3,
    .partners-title > .title > h3{
        text-align: left;        
        width: 84%;
    }
    .section_row_4 .title > h3 > span, .section_row_5 .title > h3 > span {
        padding: 0;
        background: none;	
    }
    .media_left{
        margin-right: 0;
    }
    .media_left .media-body,.service-media-left .media-body{
        overflow: unset;
    }
    .customNavigation {
        right: 0;
        top: 0;
    }
    .our-work-content{
        padding: 0;	
    }

}