@media(max-width:767px){
    #static>.row>.col-sm-3>img {
        width:100%;
        height:100%;
        display:none;
    }
    .clients{
        width:20%;
        height:20%;
    }
    .techimg1 {
        margin-right: 5%;
        margin-bottom: 1%;
        margin-top: 2%;
    }
    #techimg{
        margin-left:2%;
        margin-right:3%;
        margin-bottom:3%;
        margin-top:3%;
    }

    #map1{
        height:200px;

    }
    #static>p {
        font-size:16px;
    }
    #static>ul>li{

        font-size:16px;
    }

.thumbnail{

    height:130px!important;
}
    .row {
        margin-right: 0;
        margin-left: 0;
    }
    table{

        margin:auto;

    }
.container{
	width: 640px;
	padding-left:2%;
	margin-left: auto!important;
	margin-right: auto!important;
}
    .navbar-default .navbar-nav>li>a {
        text-align:center;
    }
.navbar{
 margin-top:-9%;
}

p.phone {

}
.navbar-toggle{
	float:none!important;
	margin-top:2px!important;
	margin-left: 46%!important;
}
    .navbar-toggle .icon-bar {
        display: block;

        width: 25px!important;
        margin: 6px 3px 6px 3px;
        height: 3px;
        border-radius: 100px;
    }
div.vert-line{

}



.carousel .item {
	height: 202px!important;
	background-color: #777;
}

.co .col-sm-8{
   margin-top:10px !important;
   background: rgba(252, 252, 252, 0.2) !important; 
   padding: 0 !important;
}

.co .col-sm-4{
	margin-left: 0!important;

}

#map {
	width: 100%;
	height: 340px!important;
}

.murmansk {
	margin-left: 0 !important;
}

#circle1{
	margin-left:15%;
	margin-right:10%;
	padding-bottom: 8%;
}

#circle2{
	margin-right:10%;
	padding-bottom: 8%;
}

#circle3{
	margin-left: 0%;
	padding-bottom: 8%;
}

#circle4{
	margin-left: 15%;
	margin-right:10%;
	padding-bottom: 8%;
}

#circle5{
    margin-left:15% ;
	margin-right:10%;
	padding-bottom: 8%;
}
#circle6{
    margin-right: 10%;
}

#circle7 {

	margin-right:10%;
	padding-bottom: 8%;
}

}

@media(min-width:768px){

    #static>.row>.col-sm-3>img {
        width:100%;
        height:100%;
        margin-top:50%;
    }
    #map1{
        height:300px;

    }
    .navbar{
        margin-top:-4%;
    }
    table{

        margin:auto;

    }
    .navbar-default .navbar-nav>li>a{
        font-size:16px;
        padding:2px 6px 2px;
    }
    .thumbnail{
        height:160px!important;
    }
p.hid{
    display:none!important;
}
.murmansk {
	margin-left: auto !important;
}
#circle1{
    margin-left:25%;
    margin-right: 5%;
}
#circle2{

        margin-right: 5%;
    }
#circle3{

        margin-right: 5%;
    }
#circle5{
    margin-right: 5%;
    margin-left: 25%;
}
#circle6{
    margin-right: 5%;
	margin-left: 0;
}

.carousel .item {
	height: 237px!important;
	background-color: #777;
}

#map{
	height: 266px!important;
}

.container{
 	padding-left: 2.5%;
    padding-right: 1%;
 	margin-right: auto!important;
	margin-left: auto!important;
 }

.co .col-sm-4{
	width:50%;
}

.co .col-sm-8 {
	width:100%;
	margin-left: auto !important;
	margin-right: auto !important;
}
    #static>ul>li{

        font-size:16px;
    }
 #static>p {
     font-size:16px;
 }
 #static>h1{
     font-size:34px;
 }

}

@media(min-width:992px){
    #static>.row>.col-sm-3>img {
        width:100%;
        height:100%;
        margin-top:35%;
    }
    #map1{
        height:400px;
        width:656px;

    }
    .navbar{
        margin-top:-3%;
    }

    table{

        margin-left:22%;

    }
    .thumbnail{
        height:200px!important;
    }
    #static>p {
        font-size:18px;
    }
    #static>ul>li{

        font-size:18px;
    }
    #static>h1{
        font-size:35px;
    }
    .navbar-default .navbar-nav>li>a{
        font-size:18px;
        padding:2px 10px 2px;
    }
.carousel .item {
	height:313px!important;
	background-color: #777;
}
#circle1{
    margin-left:30%;
}
#circle5{
margin-left:30%;
    }

#circle6{
	margin-left: 0;
	margin-right:5%;
	padding-bottom: 8%;
}

#circle7{
    margin-left: 0;
    margin-right:1%;
}

.container{
	padding-right: 2%;
	padding-left: 2%;
	margin-right: auto!important;
	margin-left: auto!important;
 }

#map{
	height: 266px!important;
}

}

@media(min-width:1200px){
    #map1{
        height:400px;
        width:750px;

    }
    #static>.row>.col-sm-3>img {
        width:100%;
        height:100%;
        margin-top:30%;
    }
    .navbar{
        margin-top:-2%;
    }
    .thumbnail{
        height:250px!important;
    }
.murmansk {
	margin-left: 13% !important;
}
    .carousel .item {
        height:371px!important;
        background-color: #777;
    }
    #circle1{
        margin-left:14%;
        margin-right:4%;
        padding-bottom: 8%;
    }#circle2{
         margin-right:4%;
         padding-bottom: 8%;
     }

    #circle3{
        margin-right:4%;
        padding-bottom: 8%;
    }

    #circle4{
        margin-right:4%;
        padding-bottom: 8%;
    }

    #circle5{
        margin-right:4%;
        padding-bottom: 8%;
        margin-left: 0;
    }

    #circle6{
        margin-right:4%;
        padding-bottom: 8%;
    }


    #circle7{
        margin-right:0%;
        padding-bottom: 8%;
    }


.container{
	width: 1170px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto!important;
	margin-left: auto!important;
 }

.co .col-sm-8 {
	width:66.66666666666666%;
}

.co .col-sm-4 {
	width:32.33333333333333%;
	margin-left:1%;
}

#map{
	height: 330px!important;
}

#circle7{
	margin-left: 0%!important;
}

}