/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 19, 2016, 12:31:12 PM
    Author     : Abhinav Chauhan
*/

@media only screen and (max-width: 767px){
    .social-links {
        float: none;
        margin-top: 5px;
    }
}
@media screen and (min-width: 769px){
    #bookmarks-main-section{
        padding: 10px;
        //background-color: #eee;
        margin-bottom: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    } 
    .bookmark-main-column{
        margin-bottom: 0px !important; 
    }
    .ad-leaderboard {
        width: 728px;
    }
    .ad-center-bottom-padded {
        clear: both;
        margin: 0 auto 10px;
    }
}

@media screen and (max-width: 768px){
    #bookmarks-main-section{
        margin: 0 10px;
    }
}

@media screen and (max-width: 769px){
    #product-title h3 {
        font-size: 18px;
        line-height: 1.5;
    }
}

@media screen and (max-width: 767px){
    .description{
        width: 100%;
        float: left; 
        margin-bottom: 10px;
        text-align: center;
    }
    #action-col2{
        width: 240px;
    }
    #other_actions {
        margin-left: 0;
    }
}

@media screen and (min-width: 770px){
    .navbar-items{
        display: inline-block;
    }
    .bookmark-main-column{
        padding: 10px;
    }
    #right-column{
        margin-left: 10px;
        width: 300px;
    }
}

@media screen and (min-width: 901px) and (max-width: 1164px){
    .related-bookmark{
        width: 33.33%;
        outline: 1px solid #eee;
        outline-offset: -2px;
        padding: 10px 0px;
        border: none;
        margin: 0;
    }
    .related-bookmark li a{
        height: 100%;
    }
}
@media screen and (max-width: 1164px){

    .related-bookmark a img{
        height: 100%;
    }
}
@media screen and (max-width: 900px){
    .related-bookmark{
        width: 50%;
        outline: 1px solid #eee;
        outline-offset: -2px;
        padding: 10px 0px;
        border: none;
        margin: 0;
    }
}

@media screen and (min-width: 1165px) and (max-width: 1400px){
    .related-bookmark{
        width: 25%;
        outline: 1px solid #eee;
        outline-offset: -2px;
        padding: 10px 0px;
        border: none;
        margin: 0;
    }
}

@media screen and (min-width: 1401px){
    .related-bookmark{
        width: 199px;
        outline: 1px solid #eee;
        outline-offset: -2px;
        padding: 10px 0px;
        border: none;
        margin: 0;
    }
}

@media only screen and (max-width : 767px) {
    .cpyright-con p, .social-links  {
        float: none !important;
        text-align: center;
    }
    .social-links {
        margin-top: 5px;
    }
}
@media only screen and (max-width : 1024px) {
    .cpyright-con p, .social-links  {
        float: none !important;
        text-align: center;
    }
    .social-links {
        margin-top: 5px;
    }
}